elementui如何对标签上绑定的Prop属性进行过滤更改

可以使用ElementUI提供的 `el-form` 组件来过滤和更改标签上绑定的 Prop 属性。在 `el-form` 中，可以通过指定 `rules` 对象来进行过滤和更改，其中 `rules` 对象的属性名与表单元素的 `prop` 属性相对应。例如：

<el-form :model="formData" :rules="formRules">
  <el-form-item label="用户名" prop="username">
    <el-input v-model="formData.username"></el-input>
  </el-form-item>
  <el-form-item label="密码" prop="password">
    <el-input type="password" v-model="formData.password"></el-input>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="submitForm">提交</el-button>
  </el-form-item>
</el-form>

在上面的例子中， `el-form` 组件的 `rules` 属性指定了一个名为 `formRules` 的对象，其中属性名为 `username` 和 `password` 的规则将被应用到相应的表单元素上。可以在 `formRules` 对象中设置各种验证规则，如 `required`、`min`、`max` 等等，来过滤和更改标签上绑定的 Prop 属性。例如：

data() {
  return {
    formData: {
      username: '',
      password: ''
    },
    formRules: {
      username: [
        { required: true, message: '请输入用户名', trigger: 'blur' },
        { min: 3, max: 10, message: '长度在 3 到 10 个字符', trigger: 'blur' }
      ],
      password: [
        { required: true, message: '请输入密码', trigger: 'blur' },
        { min: 6, max: 20, message: '长度在 6 到 20 个字符', trigger: 'blur' }
      ]
    }
  }
}

在上面的例子中，`formRules` 对象指定了两个属性，分别为 `username` 和 `password`，每个属性对应一个数组，其中包含了验证规则。对于 `username`，我们设置了两个规则，一个是必填的，一个是长度必须在 3 到 10 个字符之间；对于 `password`，我们同样设置了两个规则，一个是必填的，一个是长度必须在 6 到 20 个字符之间。

通过这种方式，我们可以很方便地对标签上绑定的 Prop 属性进行过滤和更改。