使用vue-seamless-scroll自动滚动插件复制出来的数据点击事件无效的解决办法

解决办法：

方式一：

采用事件委托的方式：

事件委托又叫事件代理，就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。

一般来说，DOM需要有事件处理程序，我们都会直接给它设定事件处理程序就好了，但是如果有很多DOM需要添加处理事件，比如，一个ul下有很多个li，需要给每个li都添加相同的点击事件，这时候我们通常会用for循环的方法，遍历所有元素，然后给他们添加点击事件，虽然看似内心毫无波澜很合理的做法，背后实则存在着巨大的性能弊端。

在JS中，添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能，因为需要不断的与DOM节点进行交互，所以访问DOM的次数越多，引起浏览器重绘与重排的次数也就越多，就会延长整个页面的交互就绪时间，这就是为什么性能优化的主要思路就是从减少DOM操作的角度去入手的原因。

这种情况，如果用时间委托，就会将所有的操作都放到JS程序里面，与DOM的操作就只需要交互一次，这样就能大大的减少与DOM的交互次数；并且，每一个函数都是一个对象，是对象就会占用内存，对象越多，内存占用率就越大，性能自然就会越差&