关于 Vue 组件中的 watch immediate: false 无效的问题
尝试在项目中使用VUE来处理复杂的数据操作,但是每次访问都会触发侦听
改为immediate: true
则会触发两次
data() {
return {
data: null,
jsonData: {},
sceneList: [],
// 保存按钮状态
changeFlag: false,
}
},
created() {
// 获取数据,略
...
this.data = response.data;
},
watch: {
data: {
handler(newVal) {
this.jsonData = JSON.parse(JSON.stringify(newVal));
// 仅有此处唯一一次赋值
this.sceneList = this.jsonData.scenes;
},
sceneList: {
handler(newVal) {
console.log(newVal)
console.log('触发sceneList更新');
this.changeFlag = true;
},
// true 会触发两次,false 也会触发一次
immediate: false,
}
},
找了许多资料也没看到相似的问题,哪位遇到过这种问题的分享一下解决方法
推荐文章: