v-decorator怎么使用

v-decorator 是基于 Vue.js 的表单验证插件，用于在表单中添加验证规则。下面是使用 v-decorator 的基本步骤：

1. 在组件中引入 v-decorator：

import { VueDecorator } from 'vue-decorator-validator';

2. 在表单中添加 v-decorator 的标签：

<el-form :model="form" ref="form" :rules="rules">
  <el-form-item label="名称" prop="name">
    <el-input v-decorator="['name']"></el-input>
  </el-form-item>
  <el-form-item label="年龄" prop="age">
    <el-input v-decorator="['age', { type: 'number', min: 18, max: 60 }]"></el-input>
  </el-form-item>
</el-form>

上面的代码中，`v-decorator` 属性的值是一个数组，数组的第一个元素表示字段名称，后面可以跟随一些验证规则，例如 `type` 表示字段类型，`min` 和 `max` 表示最小值和最大值。

3. 在组件中定义验证规则：

import { required, number } from 'vue-decorator-validator';

export default {
  data() {
    return {
      form: {
        name: '',
        age: '',
      },
      rules: {
        name: [
          { validator: required, message: '名称不能为空', trigger: 'blur' },
        ],
        age: [
          { validator: required, message: '年龄不能为空', trigger: 'blur' },
          { validator: number, message: '年龄必须为数字', trigger: 'blur' },
        ],
      },
    };
  },
};

上面的代码中，`rules` 对象定义了每个字段的验证规则，例如 `name` 字段必须填写，`age` 字段必须填写且为数字。验证规则可以使用 `vue-decorator-validator` 提供的一些预设规则，例如 `required` 和 `number`。

以上就是使用 v-decorator 的基本步骤，你可以根据自己的需求定义更多的验证规则。