vue 的el-input验证怎么写

Vue 的 el-input 验证可以使用内置的校验规则和自定义校验规则。

内置校验规则：

1. required：必填项，不能为空
2. email：邮箱格式
3. url：URL格式
4. number：数字格式

使用内置校验规则可以在 el-input 组件中添加 `rules` 属性来进行设置。例如：

<el-input v-model="inputValue" :rules="[
  { required: true, message: '请输入内容', trigger: 'blur' },
  { type: 'email', message: '请输入正确的邮箱格式', trigger: ['blur', 'change'] }
]"></el-input>

自定义校验规则：

可以使用自定义校验规则来实现更加复杂的校验逻辑。可以通过在 Vue 实例中定义一个方法来实现自定义校验规则。例如：

<el-input v-model="inputValue" :rules="[{
  validator: validatePhone, // 自定义校验规则
  trigger: 'blur'
}]"></el-input>

methods: {
  validatePhone(rule, value, callback) {
    if (!value || !/^1[3456789]\d{9}$/.test(value)) {
      callback(new Error('请输入正确的手机号码'));
    } else {
      callback();
    }
  }
}

以上是 el-input 的验证方式，希望对你有所帮助。