vue 使用better-scroll插件无法给动态dom添加点击事件
better-scroll 是什么
better-scroll 是一款重点解决移动端(现已支持 PC 端)各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。
better-scroll 是基于原生 JS 实现的,不依赖任何框架。它编译后的代码大小是 63kb,压缩后是 35kb,gzip 后仅有 9kb,是一款非常轻量的 JS lib。
我在使用better-scroll的过程中发现无法给动态dom添加事件绑定。
解决方式:
this.scroll = new BScroll(this.$refs.wrapper,{click:true})
在声明的BScroll 对象中有两个参数
第一个参数是
要添加特效的dom元素
第二个参数 是配置项
给第二个参数添加click属性他有连个属性 true 为开启点击事件,
false为不开启点击事件,也就是在获取的dom元素标签里面的元素无法添加点击事件。