vue-seamless-scroll使用中遇到关于click点击无效问题

遇到的问题：当第一个ul中的数据滚动完时,第二个ul 部分的click事件不起作用，无法实现一些点击这行

解决思路：利用js事件委托机制

 

原来是在li里面绑定事件出现上述问题，后来给最外层的父级div加委托事件，让父级事件执行。

通过 e.target.dataset.code  获取所需值

---

备注：

vue中自定义属性格式为 data-xxx 

获取为：e.target.dataset.xxx

 id 和 name 一般为部分标签自带属性，前面不需要加data