vue路由this.route.push跳转页面不刷新_51CTO博客_vue路由跳转打开新页面

Vue路由this.route.push跳转页面不刷新
一、背景

介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted钩子函数)。

案例：

A页面：

B页面：

问题：

当在A页面第一点击按钮到B页面时，一切正常，当返回到A页面再次点击按钮时，B页面没有执行mounted钩子函数，结果导致mounted函数中查询方法不执行。

二、解决方法：

1、使用activated:{}周期函数代替mounted:{}函数即可。

2、监听路由

// 不推荐、用户体验不好
 watch: {
 'KaTeX parse error: Expected '}', got 'EOF' at end of input: …化页面刷新 this.router.go(0);
 }
 },
 // 该方法会多一次请求
 watch: {
 ‘$route’ (to, from) {
 // 在mounted函数执行的方法，放到该处
 this.qBankId = globalVariable.questionBankId;
 this.qBankName = globalVariable.questionBankTitle;
 this.searchCharpter();
 }
 },
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.

相关文章