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

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

QQ截图20171006115942.png


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

QQ截图20171006115955.png

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