el-table 动态表格效验table必填

`el-table` 是 Element UI 中的一个表格组件，用于展示数据并提供交互。如果要在动态生成的表格中实现字段的有效性验证，特别是在必填项上，可以结合 Vue.js 的 `v-model` 和自定义表单验证规则。

首先，在数据结构里，为每个需要验证的列添加一个布尔值表示是否必填，例如：

data() {
  return {
    tableData: [
      { name: '', required: true }, // 需要验证的必填项
      { name: 'John', required: false },
    ]
  };
}

然后，你可以使用 Element UI 提供的 `el-form-item` 结合自定义的 `validate` 函数，对每一行的数据进行检查：

<template>
  <el-form :inline="true">
    <el-row v-for="(item, index) in tableData" :key="index">
      <el-col :span="6">
        <el-form-item label="名称" prop="name" :rules="{ required: item.required, message: '必填', trigger: 'blur' }">
          <el-input v-model="item.name"></el-input>
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      ...// 上述tableData
    };
  },
  methods: {
    validate(row) {
      if (!row.name && row.required) {
        return false;
      }
      return true;
    },
  },
};
</script>

在这个例子中，当用户离开输入框（触发 `blur` 触发器）时，会自动验证 `name` 字段是否为空。如果必填且为空，会显示错误提示消息。