el-carousel内实现echarts图表轮播,echarts图表大小无法配置,改变窗口大小后才能正常显示。
这是由于子组件echarts图表先渲染,echarts组件拿不到父组件的大小而默认显示100px,在初始化函数中调用echarts组件的resize函数。
mounted() {
this.init()
},
methods: {
init() {
let myChart = echarts.init(this.$refs.myChart)
this.$nextTick(() => {
myChart.resize();
});
}
}