美文网首页
vue Watch 监听 如何监听多个变量

vue Watch 监听 如何监听多个变量

作者: 不不作为 | 来源:发表于2020-10-30 16:27 被阅读0次

1.在computed函数中 写一个方法 罗列需要监听的变量 并return

computed:{
            changeData(){
                const {phone,password,code,passwordFlag,Account} = this
                return{
                    phone,
                    password,
                    code,
                    Account,
                    passwordFlag
                }
            }
        },

  1. 在watch 周期函数中 精确监听
    watch:{
            /* 监听账号/密码/验证码 改变登陆按钮颜色 */
            changeData:{
                handler:function(n,o){
                    if(n.passwordFlag){
                        if(n.Account.length>0&&n.password.length>=6){
                            this.could=true  //控制登录开关
                        }
                    }
                    if(!n.passwordFlag){
                        if(n.Account.length>0&&n.code.length>=4){
                            this.could=true  //控制登录开关
                        }
                    }
                }
            }
        }

相关文章

网友评论

      本文标题:vue Watch 监听 如何监听多个变量

      本文链接:https://www.haomeiwen.com/subject/acdqvktx.html