该博客探讨了在使用Swiper组件时遇到的二次实例化覆盖问题。作者指出，当两次使用相同的选择器实例化Swiper时，第二次实例化会覆盖第一次。为了解决这个问题，建议通过父组件向子组件传递一个独特的name属性，并在子组件中接收并绑定到动态的class名上，确保每个Swiper实例的唯一性。这种方法有助于防止实例之间的冲突，确保组件正确显示和功能正常运行。
原因是：当你第二次使用同一个组件的时候：
new Swiper('.swiper'，{})两次实例化swiper，但是实例化的是同一个swiper：就是“.swiper”，所以下一次会把上一次给覆盖了，
解决办法是：
利用父组件给子组件传属性的原理，给组件传一个name属性，这个name属性要写不同的名字，然后在swiper里接收：
父组件给子组件传的name属性：(在组件使用时）
子组件接收name属性：
给子组件绑上动态的class名字，：
扫一扫
736
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
