el-form 校验验长度不能超过6位

在Element UI库中的`el-form`组件中，如果想要实现输入框的长度校验不超过6位，可以结合其内置的表单验证功能和自定义验证规则。你可以这样做：

1. 首先，在`el-form-item`标签中设置`rules`属性，这是一个对象数组，其中每个元素代表一条验证规则。

<el-form-item label="输入字段" prop="inputField">
  <el-input v-model="formData.inputField" maxlength="6"></el-input>
  <el-form-item-explain slot="inline-message">请输入不超过6位的数字</el-form-item-explain>
  <el-form-item-errors slot="message"></el-form-item-errors>
</el-form-item>

2. 然后，在数据绑定的对象`formData`中添加该字段，并设置初始值和`rules`。这里的规则可以包括一个函数，用于检查输入是否超过6位。

data() {
  return {
    formData: {
      inputField: '',
      rules: [
        { required: true, message: '请输入内容', trigger: 'blur' },
        { max: 6, message: '输入长度不能超过6位', trigger: ['blur', 'change'] }
      ]
    }
  };
}

在这个例子中，`max`规则会检查输入的长度是否大于提供的最大值6。