现象:
mounted读取list为空
断点放过去,界面却显示数据正常
处理:
props: { list: { type: Array } }, watch: { list: { handler(newVal, oldVal) { console.log('init finish:', newVal) // 后续待处理写在这里 }, immediate: true, // immediate:true会立即先去执行里面的handler方法;用于在页面加载时就获取初始数据或者始化,而不是等页面加载完 deep: true // 默认值是 false,代表是否深度监听 } }
修改后效果:
说明:
1、watch 深度监听是指监听一个对象的属性变化,包括该对象内部嵌套的对象或数组的变化。 默认只监听对象属性变化,不包含内嵌对象
2、created可能也会出现相同问题
标签:VUE,对象,list,props,mounted,true,监听 From: https://www.cnblogs.com/leonlipfsj/p/18462432