请教一下element的表单验证问题

现在有一个需求是根据用户的不同选择进行判断哪些是必填项。
我的想法是全局给一个 required: true,的变量,然后在watch里面监听用户的选择,动态的改变required的值,在表单验证的时候
name: [

                { required: this.required, message: '请输入活动名称', trigger: 'blur' },
            ],            name2: [
                { required: true, message: '请输入活动名称', trigger: 'blur' },
            ],

required根据this.required的值来判断,但是这样好像不起作用,然后,我改变验证思路

name: [
                { required: true }, {
                    validator: (rule, value, callback) => {                        if (this.ruleForm.visitDateType == 1) {

                        }
                    }
                }
            ]传入一个函数,传入一个函数是可以动态的验证了,但是每个都要去写函数,代码就会显得特别多,所以想问问大家


慕尼黑8549860
浏览 633回答 2
2回答

潇潇雨雨

data() {      return {         ruleForm: {           name: '',           check: false         }       };     }, computed: {         rules1(){          return {           name: [             {               required: this.ruleForm.check,                message: '请输入名称'              }           ]         }       }     }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js