vue返回上一页,判断当前页有无上一页

  1. 在script标签内定义变量hasPath(随便命名)

  2. 使用组件内函数,beforeRouteEnter,直接来获取form.path(即为对应的上一次地址的路由path内容);如果无路由历史,会返回: '/'
    beforeRouteEnter(to, from, next) {
        hasPath = from.path;
        console.log(hasPath);  // 返回: ' / ' 
        next()
    }
  3. 点击返回键处理返回逻辑,返回到自己想要返回的页面
  4. methods: {
        onBack(){
            if ( hasPath == '/' ) {
                this.$router.push('/home');   // 这里我返回到home首页
                return;
            }
            this.$router.go(-1);
        }
    }

你可能感兴趣的:(vue相关,vue.js,elementui,javascript)