账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    el-form表单验证:实时监控表单
    76
    0

    一个表单,有很多个必填项,需求:这些必填项如果有一个有填其他的全变为不是必填项,如果都没有填,则都是必填项

    export default {

    data () {
    
        return {
    
            dynamicValidateForm: {
    
            value:  '',
    
            email:  ''
    
        },
    
        rules: {
    
            email: \[{ required:  true, message:  '请输入邮箱地址', trigger:  'blur' }\],
    
            value: \[{ required:  true, message:  '请输入正确的邮箱地址', trigger:  'blur' }\]
    
        }
    
    }
    

    },

    watch: {

    dynamicValidateForm: {
    
        handler (val, oval) {
    
            console.log(val, oval)
    
            for (var  i  in  this.dynamicValidateForm) {
    
                    console.log(this.dynamicValidateForm\[i\])
    
                if (i) {
    
                    this.rules\[i\]\[0\].required  \=  true
    
                } if (!i) {
    
                    this.rules\[i\]\[0\].required  \=  false
    
                }
            },
            deep:  true
        }
    }

    },

    methods: {

    submitForm (formName) {
    
        this.$refs\[formName\].validate((valid) \=> {
    
            if (valid) {
    
                alert('submit!')
    
            } else {
    
                console.log('error submit!!')
    
                return  false
    
            }
    
        })
    
    }
    

    }
    }

    </script>
    请问一下watch里该怎么写,非常感谢

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 荒凉い 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部