Vue.js 如何在Vue文件中异步呈现dom？

我在第一部分中使用了

$refs.height[index].offsetTop

来计算相同的值，但是$refs.height在第二部分中，在第一部分之后呈现，因此重新加载页面有错误

类型错误：无法读取未定义的属性“0”

我尝试注释
{{showNumber（index）}}
，然后
运行npmdev
，然后重新编译，就可以了

如何首先渲染第二个部分



//第一部分
{{index+1}}.{{baike.name}

{{showNumber（索引）}
//第二部分
{{index+1}}.{{baike.name}
{{baike.abstract}}

{{key}}-{{info}
从“../../items.json”导入baikeJSON
导出默认值{
名称：“应用程序”，
数据（）{
返回{
baikes:baikeJSON，
}
},
方法：{
展览编号（一）{
return Math.ceil（this.$refs.height[i].offsetTop/1000）
}
},
}
切换位置的第二部分和第一部分，然后添加css

#app{
    display:flex;
    flex-direction:column-reverse;
}

你能为你的案件提供完整的证据吗？