vue refs 未定义

Question

为什么我直接console显示未定义 必须settimeout才可以呢

Answer 1

你的这个goods是在什么时候有数据的 你输出refs的时候应该goods还没有数据
不要相信console.log的信息 控制台输出的是你点击展开的时候的信息状态 并不是你输出的时候 也就是说

var obj = {};
console.log(obj);
setTimeout(function(){
    obj.name = "123"
    console.log(obj);
}，1000)

在控制台把两个输出展开是一样的

Answer 2

时机不对
首先，$refs 只会在组件渲染完成之后生效
而你是想在mounted时调用，然而 mounted 不会承诺所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕，可以用 vm.$nextTick 替换掉 mounted

Answer 3

更古怪的是我在_getitemsHeight这个方法里面 console.log(this.$refs); console.log(this.$refs.foodList); 这两个 出现了有意思的东西