el-form-item怎样自定义表单验证规则

在 `el-form-item` 中自定义表单验证规则需要使用 `rules` 属性。该属性接受一个数组，数组中每个元素是一个验证规则函数，该函数接收三个参数：表单值、表单值的描述、回调函数。其中回调函数用于向表单验证器返回验证结果。

例如，如果我们要验证一个输入框的值是否为正整数，可以这样写：

<el-form-item label="输入框">
  <el-input v-model="inputValue" />
</el-form-item>

data() {
  return {
    inputValue: ''
  }
},
methods: {
  validateInput(rule, value, callback) {
    if (value === '') {
      callback(new Error('请输入值'))
    } else if (/^[1-9]\d*$/.test(value)) {
      callback()
    } else {
      callback(new Error('请输入正整数'))
    }
  }
}

在 `el-form-item` 中使用 `rules` 属性引用该验证规则函数：

<el-form-item label="输入框" :rules="[validateInput]">
  <el-input v-model="inputValue" />
</el-form-item>

这样，在用户输入值时，会自动调用 `validateInput` 函数进行验证，并将验证结果反映在表单项下方的错误提示中。