el-table rules 正则校验写法

为了给 el-table 添加正则校验规则，需要在 el-table-column 中使用 scoped-slot 和 validator 函数。如果要对某一列添加正则校验规则，需要将 prop 设置为值所呈现的字段名。下面是一个示例代码：

<el-table :data="tableData">
  <el-table-column prop="name">
    <template slot-scope="scope">
      <span>{{ scope.row.name }}</span>
    </template>
    <el-table-column-validator :rules="[{ validator: regExpValidator, trigger: 'blur' }]">
      <template slot-scope="scope">
        <el-input v-model="scope.row.name"></el-input>
      </template>
    </el-table-column-validator>
  </el-table-column>
</el-table>

在以上代码中，我们通过在 el-table-column 中的 scoped-slot 中使用 el-input 来呈现值的字段名。然后，我们使用 el-table-column-validator 组件来添加正则校验规则。el-table-column-validator 组件提供了一个名为 rules 的 prop，它接受一个键为 validator 的对象和一个键为 trigger 的字符串。在这里，我们使用 regExpValidator 函数作为我们的 validator 函数，它会对输入框的值进行正则匹配。当用户失去焦点时，我们触发校验（ trigger: 'blur'）。

请注意，即使我们在这里使用了 validator 函数来校验正则表达式，它也只是一个 Vue.js 组件。如果您需求更为复杂的校验规则，建议您使用 el-form 或校验插件，如 VeeValidate。