vue 循环多个相同的echarts图表

轮播图,绘制图表,通过循环展示所有。
vue 循环多个相同的echarts图表_第1张图片

          
           export default {
       				  name:'Home',
       				  data(){
       				       refPriceList:[
       				           {name:"干电",id:“15”},
       				            {name:"干电",id:“15”}
                           ],
       				  },
       				methods:{
                    	 this.$nextTick(function(){     // 不加$nextTick 获取不到对应节点 坑1    
		                  var echartsList = document.querySelectorAll("#myChart"); 
		                   for(var i = 0; i{
		                                console.log('屏幕发生了变化!')
		                                myChart.resize();
		                        })
		                        
		                    }
		                })
                    } ,
               mounted(){
                 this.myEcharts();
               }       
          }
    
  

实测完美解决!

你可能感兴趣的:(vue.js,echarts)