vuejs+Echarts页面空白问题
2018-04-23 11:26
246 查看
1.页面加载失败,整个页面是空白的,打开f12调试,报错信息为:
Error: Initialize failed: invalid dom.
检查html页面发现问题:
<div class="ms3_business_hall"> <span class="ms3_name">{{monitorBusinessHall.statsName}}</span> </div>问题出现在这里-->
{{monitorBusinessHall[0].subItemList[0].statsName}}页面上直接使用数据绑定{{object.xxx}},但没有判断这个对象是否为null.
解决方法:
<div class="ms3_business_hall"> <span class="ms3_name" v-if="monitorBusinessHall != null"> {{monitorBusinessHall.statsName}} </span> </div>
使用v-if控制是否渲染这个dom对象,如果为true,Echarts就获取不到这个dom对象,就避免了出现invalid dom这个报错了.
阅读更多
相关文章推荐
- vue 在nginx下页面刷新出现404问题解决和在nginx下页面加载了js但是页面显示空白问题解决
- vue.js遇到的问题-数组数据改变,页面不能实时显示
- 利用HBuilder将vue项目打包成移动端app,运行页面空白问题解决
- vue.js中利用router进行跳转(子页面刷新404问题)
- vue.js加载页面出现闪烁问题的解决
- vue.js用vue-router路由传参时页面刷新后参数消失的问题
- 解决vue 打包发布去#和页面空白的问题
- Vue 2.0在IE11中打开项目页面空白的问题解决
- Vuejs刷新页面子组件数据丢失问题的一点笔记
- vue.js 部署到tomcat中出现访问路径不对,页面加载不出来问题及解决
- 通过“document.write”方式,在js文件引入js文件时,造成页面空白问题
- 解决使用Vue.js显示数据的时,页面闪现原始代码的问题
- vue项目部署到apache服务器页面空白的问题
- Vue 2.0在IE11中打开项目页面空白的问题解决
- Vue 2.0在IE11中打开项目页面空白的问题
- Vue.js less 添加支持和遇到的问题
- Vue.js v-bind遇到的数据渲染问题
- php关于使用fopen()函数时,页面显示空白的问题。
- vue -(问题系列)节点Sass无法为您的当前环境找到绑定:OS X 64位和Node.js 8.x(遇到)
- JSP页面中JS,图片等相对路径引用问题