vue中iview组件实现表单数据的动态校验

1.实现效果

vue中iview组件实现表单数据的动态校验_第1张图片

2.实现原理

  • iview组件库Form表单, ref=“formValidate”,:model=“formInline”,:rules=“ruleValidate”。
  • 选择审核结果的时候动态的设置备注的规则,当为通过为非必填,反之为必填。
  • 为备注项设置相应的动态rule:
  • :rules="formInline.status == '2'? ruleValidate.remark: [{ required: false }]"
    

    3.实现代码

    
    
    
    

你可能感兴趣的:(vue,javascript,vue.js,view,design,前端)