这篇文章主要介绍了vue使用echarts时created里拿到的数据无法渲染如何解决的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇vue使用echarts时created里拿到的数据无法渲染如何解决文章都会有所收获，下面我们一起来看看吧。在vue里使用echart时，created里请求的数据，但是却无法渲染；代码如下：通过vue插件调试，数据确实已经拿到了，但是却无法渲染，数据拿到，但是无法渲染，推断应该是执行顺序出了问题，获取的数据在渲染之后才拿到的。 初步怀疑是await的问题，加入验证代码测试一下：神奇的一幕出现了，果然和我们想的一样：先执行了mounted()里的函数mounted()为什么会打印在created()前面呢？让我们来了解一下async/await ：await会阻塞其所在表达式中后续表达式的执行(在和await在同一函数内但在await后面的代码会被阻塞，形成类似微任务的存在)，但是不会阻碍外部函数的执行！！结论：await阻碍了同函数内的代码，整个created函数执行变慢（相当于变成异步），所以mounted先执行，导致数据无法获取；将请求放在mounted里今天在查看项目时，发现控制台莫名报错，Cannot read property ‘getAttribute’ of undefined通过查看，问题定位在这一行，也就是echarts初始化的时候:结合报错信息可以得知，错误原因是因为没获取到dom属性。在vue中获取不到dom一般分为两种情况，一是在created中获取，这个时候只是创建了vue实例，dom并没有开始渲染。所以自然拿不到，如果你是在created中初始化echarts，那么你只需要把初始化的方法放到mounted中执行，因为mounted是dom挂载完成的生命周期。这时候顺理成章就可以取到dom。另外一种情况就是v-if导致dom没有渲染，接下来咱们看一下html部分:只需要将v-if / v-else改成v-show就可以了，因为v-if是条件判断是否渲染，v-show是是否显示，所以使用v-show的话即便dom被隐藏，它依然是已经创建完成了，可以获取到。解决方法如下:关于免费云主机域名“vue使用echarts时created里拿到的数据无法渲染如何解决”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“vue使用echarts时created里拿到的数据无法渲染如何解决”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注百云主机行业资讯频道。
相关推荐: python相对包导入报“Attempted relative import in non-package”错误怎么解决
本篇内容介绍了“python相对包导入报“Attemptedrelativeimportinnon-package”错误怎么解决”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
