iview表单验证规则写动态的

iview是一款基于Vue.js的UI组件库，其中包含了表单组件，并且提供了一套验证规则供开发者使用。

想要实现动态的表单验证规则，可以通过计算属性的方式来达到目的。我们可以根据需要的逻辑动态修改表单的验证规则。

举个例子，假设表单中有一个输入框，要求输入的内容不能超过10个字符，但是根据某种情况，有时我们又希望不限制输入字符数。这时就可以使用动态的验证规则。

首先，在data中定义一个变量isLimit，用来控制是否限制输入字符数：

data () {
  return {
    isLimit: true,
    inputValue: ''
  }
},

然后，在computed中定义一个属性validateRules来返回动态的验证规则：

computed: {
  validateRules () {
    if (this.isLimit) {
      return [
        {
          required: true,
          max: 10,
          message: '输入不能超过10个字符'
        }
      ]
    } else {
      return [
        {
          required: true,
          message: '请输入内容'
        }
      ]
    }
  }
},

最后，在模板中使用validateRules来设置表单元素的验证规则：

<FormItem label="输入框">
  <Input v-model="inputValue" :rules="validateRules"></Input>
</FormItem>

这样，在isLimit为true时，输入框的验证规则就是不能超过10个字符；当isLimit为false时，则不限制输入字符数。

通过以上方式，我们可以根据不同的场景动态修改验证规则，从而实现iview表单验证规则的动态设置。