el-input 校验

el-input 是 Element UI 中的一个输入组件，可以用于表单的输入校验。它提供了一些校验的功能，可以通过设置不同的属性来进行校验。

首先，你可以使用 `:rules` 属性来定义校验规则。这个属性接受一个数组，数组中的每个元素都是一个校验规则对象。例如：

<el-input v-model="inputValue" :rules="rules"></el-input>

然后，在你的 Vue 实例中定义 `rules` 数组，并为每个输入框设置相应的校验规则。例如：

data() {
  return {
    inputValue: '',
    rules: [
      { required: true, message: '请输入内容', trigger: 'blur' },
      { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
    ]
  }
}

在上面的例子中，我们定义了两个校验规则。第一个规则表示输入内容不能为空，第二个规则表示输入内容的长度必须在 3 到 5 个字符之间。`trigger` 属性指定了触发校验的时机，这里设置为 'blur' 表示失去焦点时触发校验。

最后，你还可以使用 `this.$refs` 来手动触发表单的校验，例如：

this.$refs.formName.validate((valid) => {
  if (valid) {
    // 校验通过
  } else {
    // 校验不通过
  }
});

以上就是使用 el-input 进行校验的基本步骤，你可以根据实际需求设置更多的校验规则和自定义校验函数。