需求:监听 addForm 对象中 protocolBm 的变化
addForm: {
name:'',
url:'',
protocolBm:''//协议
},
方案一:(直接监听,推荐)
watch:{
'addForm.protocolBm':{
handler: function(val, oldVal) {
//动作
},
},
}
方案二:(巧用计算属性)
computed: {
getProtocolBm: function() {
return this.addForm.protocolBm
}
}
watch: {
getProtocolBm: {
handler: function(val, oldVal) {
//动作
},
}
}
方案三:(深度监听,资源消耗大,不推荐)
watch: {
addForm: {
handler: function(val, oldVal) {
//动作
},
deep: true
}
}