vue中路由切换后点击事件还存在

2017-11-08 16:20
2653
0
0
vue

最近用vue在做一个展馆导航的项目,后台返回给我一串标签,需要给这些标签加上各种点击事件,由于dom操作频繁,我使用了zepto.js来操作;

这里就发现了一个问题,在当前路由对某个元素进行zepto的事件点击,然后后退到另一个路由,然后再前进,再次点击,这时候点击事件被触发了两次,事件我是写在mounted里面的</span>

QQ截图20171006115942.png


为什么会执行两次,显然之前的事件还存在着,没有被解绑。经过研究,在vue的 beforedestroy里面解绑事件,写法如下:

QQ截图20171006115955.png

经过测试,此方法可行,在组件销毁前解绑事件,这样就不会多次触发事件了。</span>

支付宝微信
0
关注公众号获取更多内容
jquery判断滚动到底部
结合lazyload实现文章页里面的图片预加载
暂无评论,快抢沙发吧
不支持canvas
春季
夏季
秋季
冬季
暗黑
简约
小清新