Elementplus的el-carousel组件与echart组件冲突问题

        在项目中有个需求,使用el-carousel组件轮播许多不同的echarts图表,虽然能够正常展示,但是发现页面比较卡顿,打印台也出了许多的报错信息。

        每切换一次图表,就跳许多报错,具体如下:

        意思为:在 ECharts 或其他组件中添加了一个非被动的滚动事件监听器。这种类型的监听器可能会阻止浏览器正常滚动,从而导致性能问题,尤其是在移动设备上。

        出现这个问题的原因是 使用  el-carousel 组件时,它会自动添加滚动事件监听器以实现轮播效果。如果页面中还包含 ECharts 组件,那么这可能会与 ECharts 的某些交互特性(如缩放和平移)产生冲突。

        解决办法就是在配置echarts的option时,添加

let option = {
		zoom: false,
		roam: false
}

        禁止echarts的平移与缩放,就可以解决冲突!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值