vue中同时监听多个参数

vue使用watch同时监听多个参数,其中有任意一个参数发生改变时,都会被监听到

需要使用到计算属性computed监听watch

data中定义一个对象:

data(){
    return{
        obj:{
            name:'xpf',
            gender:'male',
            age:24
	}
    }
}

computed中:将需要监听的参数放入一个新变量中

computed:{
    'newParams':function(){
        const {name,age} = this.obj
        return {name,age}
    }	
},

watch中:监听新的变量

watch:{
    newParams:function(){
        alert(1)
    }
},

完整代码:




	
	watch同时监听多个属性
	


	
点我

 

 

你可能感兴趣的:(vue)