使用vue + echarts期间遇到的一些问题 + 解决

一、使用v-if/v-show控制echarts显示隐藏

  • 问题
    初始化时节点还未被渲染出来or被display:none，要么出现 getAttribute失败 错误，要么初始化成功，但是 echarts无宽度
  • 解决
:style="showEcharts?'opacity:1':'opacity:0'"



tbc

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,684评论 1赞 92
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 28,023评论 1赞 45
  • 在vue下封装echarts公共组件的总结
    这几天公司里边有一个项目，叫做日控制台，该项目是在webview下的一个webapp，使用vue构建，项目中要求使...
    剑来___阅读 12,516评论 2赞 9
  • echarts各种字体颜色的修改
    这篇文章主要讲述Echarts设置字体和线条的颜色相关操作笔记，希望文章对你有所帮助，主要是自己的在线笔记吧。我在...
    蓝色梦想家阅读 13,398评论 1赞 1
  • echarts的使用
    Can't get dom width or height echarts解决方案 var mainContain...
    飞豹豹豹豹豹阅读 5,532评论 0赞 0