[vue性能优化] 自定义属性结合事件委托

如下,有图片列表

点击一下就弹出一个弹窗,预览

问题来了, 有1万照片我岂不是傻傻地绑定一万个事件?这是时候用到事件委托, 然后e.target拿到点击的img节点,

问题来了,怎么知道我点击的是谁?在img上绑定自定义属性,绑定他的index,代码如下

打印一下

 console.log(target.dataset); 

 看到没有,

然后用vant的预览图片组件赋值就行了