VUE:子组件的mounted中获取不到props中的值问题

le.li / 2024-10-13 / 原文

现象:

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可能也会出现相同问题