vue 项目中如何监听用户进行了返回？

Z时代
2024-02-06
分类：IT

直接在 beforeRouteEnter 中监听 from 的话也无法判断是返回过来的还是跳转过来的

（我目前需求是在返回的时候进行相关逻辑的书写）

回答：

如果是通过go方法或者back方法返回的可以在跳转前设置一个全局变量，然后到相应页面获取这个变量状态进行逻辑处理就行。
如果通过物理键返回的，可以参考下

https://www.jb51.net/article/192714.htm

回答：

export default {
  data() {
    return {
      isBack: false,  
    }
  },
  beforeRouteLeave(to, from, next) {
    if (this.isBack) {
      console.log('用户返回了');
    }
    next();
  },
  methods: {
    goBack() {
      this.isBack = true;  
      this.$router.go(-1);
    }
  }
}