这篇文章主要介绍“Vue路由this.route.push跳转页面不刷新如何解决”，在日常操作中，相信很多人在Vue路由this.route.push跳转页面不刷新如何解决问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”Vue路由this.route.push跳转页面不刷新如何解决”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。
也就是vue生命周期函数没有执行(created、mounted钩子函数)。
案例：
A页面：
问题：
当在A页面第一点击按钮到B页面时，一切正常，当返回到A页面再次点击按钮时，B页面没有执行mounted钩子函数，结果导致mounted函数中查询方法不执行。
1、使用activated:{}周期函数代替mounted:{}函数即可。
2、监听路由
// 不推荐、用户体验不好
watch: {
"$route" (to, from) {
// 路由发生变化页面刷新
this.$router.go(0);
}
},// 该方法会多一次请求
watch: {
"$route" (to, from) {
// 在mounted函数执行的方法，放到该处
this.qBankId = globalVariable.questionBankId;
this.qBankName = globalVariable.questionBankTitle;
this.searchCharpter();
}
},this.$router.push({name:"",params:{id:""}})name和params搭配刷新参数会消失
this.$router.push({path:"",query:{id:""}})path和query搭配，刷新页面参数不会消失，query中参数成了url中的一部分
到此，关于“Vue路由this.route.push跳转页面不刷新如何解决”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
