vue router push 刷新,vue使用路由跳转页面,页面刷新

　　本文主要介绍Vue路由不刷新的this.route.push跳转页面的解决方法，有很好的参考价值，希望对你有所帮助。如有错误或不足之处，请不吝赐教。

Vue路由this.route.push跳转页面不刷新

一、背景

　　简介：vue项目开发中，使用路由进行页面跳转时，路由跳转的页面不刷新。

　　也就是说，不执行vue生命周期函数(创建，挂载钩子函数)。

　　案例：

　　第一页：

　　第二页：

　　问题：

　　当你第一次点击A页到B页的按钮时，一切正常。当你返回到页面A再次点击按钮时，页面B不执行挂载的钩子函数，导致挂载的函数中的查询方法不被执行。

二、解决方法：

　　1.使用激活的：{}周期函数，而不是安装的：{}函数。

　　2.监控路线

　　//不推荐，用户体验不好

　　观察：{

　　$route(目的地，出发地){

　　//路由改变时页面刷新。

　　这个。$ router . go(0)；

　　}

　　},

　　//这个方法会再发出一个请求

　　观察：{

　　$route(目的地，出发地){

　　//在挂载的函数中执行的方法，放在那里

　　this . q bankid=global variable . question bankid；

　　this . q bank name=global variable . question bank title；

　　this . search charpter()；

　　}

　　},

Vue this.$router.push路由跳转，刷新参数消失

　　这个。$router.push({name: ，params:{id:}})

　　名为且参数为的刷新参数消失。

　　这个。$router.push({path: ，查询：{id:}})

　　使用路径查询，刷新页面的参数不会消失，查询中的参数成为url的一部分。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。