when does your goods have data when you output refs , you should goods have no data
do not believe console.log the console outputs the information status when you click to expand, not when you output, that is to say,

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

expanding the two outputs on the console is the same

timing is not right
first of all, ide/components-edge-cases.html-sharp%E8%AE%BF%E9%97%AE%E5%AD%90%E7%BB%84%E4%BB%B6%E5%AE%9E%E4%BE%8B%E6%88%96%E5%AD%90%E5%85%83%E7%B4%A0" rel=" nofollow noreferrer "> $refs will only take effect after the component rendering is completed
and you want to call it when mounted. However, mounted does not promise that all subcomponents will be mounted together. If you want to wait until the whole view is rendered, you can replace mounted

with vm.$nextTick. More oddly, I have console.log (this.$refs); console.log (this.$refs.foodList) in the _ getitemsHeight method; these two have interesting things