Vue监听浏览器自带返回按钮事件
文章描述：
Vue当用户点击浏览器自带返回按钮的时候做监听事件处理
App.vue
import { Toast } from 'mint-ui';
export default {
name: 'App',
mounted(){
// 监听返回事件,点击系统返回时
if(window.history && window.history.pushState){
window.addEventListener('popstate',this.backChange,false)
}
},
methods:{
// 监听返回事件
backChange(){
// location.reload() //强制刷新页面 ，也可以做其他操作
console.log('000')
var path = this.$route.path
Toast(path);
}
},
destroyed(){
//销毁监听
window.removeEventListener('popstate',this.backChange,false)
}
}
发布时间：2022/12/23
发表评论