elementUI table 验证

ElementUI表格的验证可以通过对表格数据进行监听来实现。具体步骤如下：

1. 在表格中添加需要验证的项，例如添加一个姓名列和一个年龄列。

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
</el-table>

2. 在表格数据中添加验证规则，例如姓名不能为空，年龄必须大于0小于100。

tableData: [
  {
    id: 1,
    name: '',
    age: 0,
    rules: [
      { required: true, message: '请输入姓名', trigger: 'blur' },
      { type: 'number', min: 1, max: 100, message: '年龄必须在1-100之间', trigger: 'blur' }
    ]
  }
]

3. 监听表格数据的变化，在数据变化时触发验证规则。

watch: {
  tableData: {
    handler(newVal, oldVal) {
      newVal.forEach(item => {
        this.$refs.table.validateRow(item)
      })
    },
    deep: true
  }
}

4. 在表格中添加`ref`属性，以便在验证时使用。

<el-table :data="tableData" ref="table">

5. 在提交表格数据时，使用`validate`方法进行表格数据验证。

submitForm() {
  this.$refs.table.validate(valid => {
    if (valid) {
      // 验证通过，提交表单
    } else {
      // 验证失败，提示错误信息
    }
  })
}