vue怎样拿到上一个路由的地址,解决点击返回不生效的问题

重复点击触发到当前路由,点击this.$router.go(-1),则还是会返回点击点的重复路由,解决办法如下:

进入页面的时候记录下进来的路由信息,存为全部变量,点击返回时切换到进来的路由

在vue生命周期里面加(记得在data里面声明pathEnterUrl)

beforeRouteLeave:离开路由之前执行的函数

next();  下一步 ,放不放行,必须有这个,相当于一个按钮开启一样。

from 记录来的路由信息,to记录跳转目的路由信息

beforeRouteEnter(to, from, next) {
        next(vm => {
            vm.pathEnterUrl = from.fullPath
        })
    }
 goBack() {
            this.$router.push({ path: `${this.pathEnterUrl}` })
        },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值