iview 动态表单验证 FormItem prop rules v-show 动态表单校验

iview 动态表单验证 FormItem prop rules v-show

• 重点1 用v-show 控制显示隐藏
• 重点2 prop 指定字段
• 重点3 :rules 动态指定规则

<div v-show="isShow">
      <FormItem label="111："
      prop="yourField"
      :rules="quxiangComputed ? yourRules.yourField: yourRules.noRequired">
                <Input v-model="stateData.yourField"></Input>
      </FormItem>
</div>

// data 里面
yourRules: {
        yourField: [{ required: true, message: '请输入', trigger: 'change' }],
        noRequired: [{ required: false }]
      }

---------------------------------------------
生活的意义并不是与他人争高下，而在于享受努力实现目标的过程，结果是对自己行动的嘉奖。
↑面的话，越看越不痛快，应该这么说：

生活的意义就是你自己知道你要做什么，明确目标。没有目标，后面都是瞎扯！

新博客 https://www.VuejsDev.com 用于梳理知识点