有时候使用 watcher 不能正确触发,很多情况下是因为我们试图监听数组或对象,但没有将 deep 设置为 true
export default {
name: 'namesChange',
props: {
names: {
type: Array,
required: true,
},
},
watch: {
names: {
// 这将让 Vue 知道要在数组内部寻找,如不添加,则不能进行深度监听
deep: true,
handler(newVal,oldVal)
console.log('The list of names has changed!');
}
}
}
}
0条评论