element —— 动态表单table新增删除form表单必填验证

Element UI是一个基于Vue.js的开源UI组件库，它提供了一套丰富且易于使用的表格组件`el-table`用于展示数据。如果你想在动态表单中使用`el-table`，并结合表单元素如`el-form`，你可以这样做：

1. **动态生成表格**：
使用`v-for`指令遍历数据数组，动态创建表格行。比如：

   <el-form ref="dynamicForm">
     <template v-for="(item, index) in formData" :key="index">
       <tr>
         <!-- 表格列 -->
         <td><el-input v-model="item.columnName"></el-input></td>
         <!-- 添加、编辑或删除操作列 -->
         <td><button @click="handleDelete(index)">删除</button></td>
       </tr>
     </template>
   </el-form>

2. **表单验证**：
- `el-form`有内置的`validate`方法，可以设置必填验证。例如，对每个输入框设置`required`属性：

     <el-input v-model="item.requiredField" placeholder="必填字段" required></el- 如果需要自定义验证规则，可以在`watch`或`computed`里监听`v-model`变化并触发验证。

3. **删除操作**：
   `handleDelete`函数处理删除按钮点击事件，从`formData`数组中移除对应项，同时可能需要更新表单状态，比如清除相关数据或校验。

4. **提交表单**：
   当用户完成所有填写后，可以调用`this.$refs.dynamicForm.validate()`检查表单是否有效，然后根据验证结果决定是否提交。