Vue+Element ui按条件动态控制表单项是否必填

写在前面--

  需求是拒绝时必填,同意时备注非必填,

正文开始--

  先上效果图--

代码部分--

data() {
  return {
      rules: {

        status: [{
            required: true,
            message: '请选择状态',
            trigger: 'blur'
        }, ],
        verityMsg: [{
            required: true,
            message: '请输入备注',
            trigger: 'blur'
        }, ]
    }  }}

总结--

  思路就是先写好rules属性和规则,然后在el-form-iem绑定rules属性中进行条件判断

  萌新选手写的第一篇博客,如有不对的地方还请指正,祝大家变得更强