Vue监听浏览器前进后退物理返回键
- 在某些需求下要监听用户物理按键。
popstate
事件只会在页面不跳转的情况下,路由发生变化触发。
created() {
window.addEventListener('popstate', this.popstate, false);
},
destroyed() {
window.removeEventListener('popstate', this.popstate, false);
},
methods: {
popstate() {
console.log('发生跳转');
}
}
-
虽然这样就可以了,只用在popstate
中写业务就行了。
-
但是还是要注意,如果不是在keep-alive
中可以直接在destoryed()
中销毁,避免多次创建,多次调用。
-
如果是在keep-alive
中的组件就在deactivated()
中销毁。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)