vue.js路由this.route.push跳转页面不刷新怎么办

vue.js路由this.route.push跳转页面不刷新怎么办,第1张

vue.js路由this.route.push跳转页面不刷新怎么办

vue.js路由this.route.push跳转页面不刷新的解决办法:使用【activated:{}】周期函数代替【mounted:{}】函数,代码为【this.$router.go(0);】。

【相关文章推荐:vue.js】

vue.js路由this.route.push跳转页面不刷新的解决办法:

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();
}
},

相关免费学习推荐:JavaScript(视频)

以上就是vue.js路由this.route.push跳转页面不刷新怎么办的详细内容,

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/696938.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-22
下一篇 2022-04-22

发表评论

登录后才能评论

评论列表(0条)

保存