JavaScript
主页 > 网络编程 > JavaScript >

vue跳转同一个路由参数不同的问题的介绍

2022-08-05 | 酷站 | 点击:

vue跳转同一个路由参数不同

问题

vue项目同一个路由跳转(路由不变,后面参数变化),第一次碰到这个问题的时候,搜了很多文章,大约是第一种解决方案,很顺利解决了。

可是!!!在app上的时候,它地址变了刷新不了!!

第一种方法

1

2

window.location.href = 改变参数后的新地址

window.location.reload();

在app上地址更新但是不刷新!!!然后就有了第二种方法

第二种方法

1

<router-view :key="$route.fullPath"/>

这样可以在app上解决!!!!没有发现承载环境兼容性问题

vue跳转同一路由报错

vue中,如果跳转同一个页面路由,虽不会影响功能,但是会报错

原因

路由的push会向历史记录栈中添加一个记录,同时跳转同一个路由页面,会造成一个重复的添加,导致页面的报错

解决方案

在router的index.js中重写vue的路由跳转push

1

2

3

4

const originalPush = Router.prototype.push

Router.prototype.push = function push(location) {

    return originalPush.call(this, location).catch(err => err);

}

原文链接:https://blog.csdn.net/qq_43033730/article/details/124122631
相关文章
最新更新