vue跳转同一个路由参数不同的问题
更新时间：2022年08月05日 16:01:45 作者：我的大树
这篇文章主要介绍了vue跳转同一个路由参数不同的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue跳转同一个路由参数不同
问题
vue项目同一个路由跳转（路由不变，后面参数变化），第一次碰到这个问题的时候，搜了很多文章，大约是第一种解决方案，很顺利解决了。
可是！！！在app上的时候，它地址变了刷新不了！！
第一种方法
window.location.href = 改变参数后的新地址 window.location.reload();
在app上地址更新但是不刷新！！！然后就有了第二种方法
第二种方法
<router-view :key="$route.fullPath"/>
这样可以在app上解决！！！！没有发现承载环境兼容性问题
vue跳转同一路由报错
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);
}以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue中使用指令，列表数据发生变化指令没有更新问题，本文给出了解决办法,需要的朋友可以参考下2020-01-01
这篇文章主要介绍了vue如何使用AIlabel标注组件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要为大家详细介绍了一些vue使用axios的小技巧,文中的示例代码讲解详细,对我们深入掌握vue有一定的帮助,感兴趣的小伙伴可以跟随小编一起学习一下2023-10-10
这篇文章主要介绍了Vue动态组件component的深度使用说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
vue-cli单页面预渲染seo-prerender-spa-plugin操作
这篇文章主要介绍了vue-cli单页面预渲染seo-prerender-spa-plugin操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
vscode 使用Prettier插件格式化配置使用代码详解
这篇文章主要介绍了vscode 使用Prettier插件格式化配置使用，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-08-08
使用 intro.js这个插件,来实现一个引导性的效果,经常在一些新手引导页遇到这样的需求,下面通过本文给大家分享vue+intro.js插件实现引导功能,感兴趣的朋友一起看看吧2024-06-06
这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
Vue Router是Vue提供的路由管理器,将组件与路由一一对应起来,这种对应关系就路由,这篇文章主要介绍了Vue中vue-router路由使用,需要的朋友可以参考下2024-06-06
这篇文章主要介绍了vue中cookies的使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
最新评论