当前位置: 首页 > Web前端 > vue.js

vue-seamless-scroll绑定点击事件失败的解决方法

时间:2023-04-01 00:37:47 vue.js

在项目中遇到一个走马灯需求,选择使用vue-seamless-scroll插件解决实际页面渲染后,有些span不会在实际页面渲染后执行。这个问题是因为vue-seamless-scroll是通过反复渲染内部元素来实现滚动的,而JS的onclick只是在页面渲染时检测DOM元素。记得我在入门原生JS的时候经常遇到这个问题。当时我是用事件委托来解决的,现在也是用事件委托来解决这个问题。在section上绑定事件handleSectionClick,捕获被点击的DOM节点,如果是span则执行该事件。事件中需要的数据可以直接绑定对应的spanwithdata。保存运行,所有span的点击事件都正常处理