今天小编给大家分享一下同时使用swiper和echarts遇到的问题如何解决的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。场景：需要在swiper中每个轮播项中展示包含不同的echarts,并开启loop:true循环swiper: 5.3.6
vue-awesome-swiper: 4.0.4
echarts: 5.2.1开启loop:true, 首先遇到echarts失效不能正常渲染的问题，果断百度发现是因为开启loop:true时，swiper会在前后复制同样的slide保证循环效果，这样以来初始化时使用的ID就不是唯一的了，导致echarts初始化无效了。当我沉浸在刚才解决的显示问题被解决的喜悦之中时，哗。。。一盆凉水袭面而来，echarts包括标签上的点击事件竟然失效了，当然不是所有的都失效，但也很*疼啊，查找资料后发现和第一个问题类似，同样slide复制后click事件并没有每一个都绑定，导致点击失效。解决办法查找资料发现swiper有一个click-slide的点击事件,该事件可接收（index, real免费云主机域名Index）参数。以上就是“同时使用swiper和echarts遇到的问题如何解决”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注百云主机行业资讯频道。
这篇“基于FLink如何实现实时安全检测”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“基于FLink如何实现实时安全检测”文章吧。针对一个内部系…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
