大大。

3046人浏览 · 2022-02-28 17:33:22

大大。 · 2022-02-28 17:33:22 发布

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

<script>
  let hasPath;
  export default {
      ....
  }
</script>

使用组件内函数，beforeRouteEnter，直接来获取form.path(即为对应的上一次地址的路由path内容)；如果无路由历史,会返回: '/'
```
beforeRouteEnter(to, from, next) {
    hasPath = from.path;
    console.log(hasPath);  // 返回: ' / ' 
    next()
}
```
点击返回键处理返回逻辑,返回到自己想要返回的页面

methods: {
    onBack(){
        if ( hasPath == '/' ) {
            this.$router.push('/home');   // 这里我返回到home首页
            return;
        }
        this.$router.go(-1);
    }
}

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^