vue使用rules校验el-tag

可以使用Vue.js中的`rules`属性来校验`el-tag`组件。下面是一个示例：

<template>
  <div>
    <el-tag :type="type" :disable-transitions="disableTransitions">{{ text }}</el-tag>
    <el-form-item prop="tag" :rules="rules">
      <el-input v-model="text" />
    </el-form-item>
  </div>
</template>

<script>
export default {
  data() {
    return {
      text: '',
      type: 'success',
      disableTransitions: false,
      rules: [
        {
          required: true,
          message: '标签不能为空',
          trigger: 'blur'
        },
        {
          min: 2,
          max: 5,
          message: '标签长度应在2到5之间',
          trigger: 'blur'
        }
      ]
    };
  }
};
</script>

在上面的示例中，我们使用`rules`属性定义了两个校验规则：

- `required`：标签不能为空。
- `min`和`max`：标签长度应在2到5之间。

然后，我们将`el-tag`和`el-input`组件放在了同一个`el-form-item`组件中，并将`rules`属性绑定到了该组件上。这样，当用户输入标签时，`el-form-item`组件会根据`rules`属性中定义的校验规则进行校验，并在校验不通过时显示相应的错误提示。