el-form增加动态验证

您可以使用`rules`属性来实现动态验证。`rules`是一个数组，每个元素都是一个验证规则对象，您可以在需要动态验证的时候更新这个数组。

首先，您需要在`data`中定义一个变量来存储规则数组，例如：

data() {
  return {
    rules: []
  }
}

然后，在表单中使用`v-bind:rules`将规则数组绑定到`el-form`组件上：

<el-form :rules="rules">
  <!-- 表单项 -->
</el-form>

接下来，您可以使用方法来动态更新规则数组。例如，假设您有一个下拉选择框，根据选择的值来决定需要添加哪些验证规则。您可以在下拉选择框的`change`事件中调用一个方法来更新规则数组：

<el-select v-model="selectedValue" @change="updateRules">
  <!-- 下拉选项 -->
</el-select>

然后，在`methods`中定义`updateRules`方法来更新规则数组：

methods: {
  updateRules() {
    // 清空现有规则
    this.rules = []
    
    // 根据选择的值添加相应的规则
    if (this.selectedValue === 'A') {
      this.rules.push({ required: true, message: '不能为空', trigger: 'blur' })
      this.rules.push({ min: 5, message: '至少输入5个字符', trigger: 'blur' })
    } else if (this.selectedValue === 'B') {
      this.rules.push({ pattern: /^[0-9]+$/, message: '只能输入数字', trigger: 'blur' })
    }
  }
}

在上面的示例中，根据选择的值，我们动态地更新了规则数组。当选择值为'A'时，添加了两个验证规则；当选择值为'B'时，添加了一个验证规则。

这样，每当下拉选择框的值发生变化时，`el-form`组件将会根据最新的规则数组进行动态验证。