vue中主页面 el-dialog中包含echarts,数据不显示问题

  • Post author:
  • Post category:vue

问题:主页面,点击按钮,打开el-dialog时,出现el-dialog中的echarts不能正常显示;

解决方法:

1、echarts对应的div,要使用ref=‘mychart’;

2、调用:let thechart = this.$echarts.init(this.$refs.mychart);

然后thechart.setOption(myoption);

通过该方案即可解决不加载的问题;

我遇到的问题是:echart对应的div;通过id获取dom的方式,未能识别造成el-dialog不能正常加载echarts的问题;

贴图:echarts对应部分;

el-dialog部分:

上图红色部分对应自定义组件(包含echarts对应的div) ;

上图为子组件对应的echarts部分,注意要使用ref方式; 


版权声明:本文为violetlength原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。