vue先加载数据再渲染
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue先加载数据再渲染相关的知识，希望对你有一定的参考价值。
参考技术A title: vue先加载数据再渲染date: 2021-05-05 01:41:59
vue 使用中 bug 记录。
版本： vue 3.0
由于 javascript 中请求通常是异步，因此几乎无法实现先加载数据再渲染页面。
但是，我们可以用 v-if 判断数据是否已加载，来实现加载完数据再渲染的效果。
比如，有如下数据，需要请求后端获取：
在页面中，我们可能如此使用：
由于渲染通常快于数据请求，则可能报如下错误：
不过可能无伤大雅（页面最终能展现）。
但如果如此使用（传入组件）：
则可能报如下错误，甚至页面无法显示：
直接使用 v-if 全部解决：
echarts 重新渲染(重新绘制,重新加载数据)
参考技术A 使用如下方法：mychart.setOption(option,true)
文章转自：https://blog.csdn.net/AinUser/article/details/84304180/
以上是关于vue先加载数据再渲染的主要内容，如果未能解决你的问题，请参考以下文章