目录Vue跳转同一个路由参数不同问题第一种方法第二种方法vue跳转同一路由报错原因解决方案vue跳转同一个路由参数不同 问题 vue项目同一个路由跳转(路由不变,后面参数变化),第一
vue项目同一个路由跳转(路由不变,后面参数变化),第一次碰到这个问题的时候,搜了很多文章,大约是第一种解决方案,很顺利解决了。
可是!!!在app上的时候,它地址变了刷新不了!!
window.location.href = 改变参数后的新地址
window.location.reload();
在app上地址更新但是不刷新!!!然后就有了第二种方法
<router-view :key="$route.fullPath"/>
这样可以在app上解决!!!!没有发现承载环境兼容性问题
vue中,如果跳转同一个页面路由,虽不会影响功能,但是会报错
路由的push会向历史记录栈中添加一个记录,同时跳转同一个路由页面,会造成一个重复的添加,导致页面的报错
在router的index.js中重写vue的路由跳转push
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err);
}
以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。
--结束END--
本文标题: vue跳转同一个路由参数不同的问题
本文链接: https://www.lsjlt.com/news/171940.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0