再vue中,返回上一页时:如果页面是打开的状态,页面不会自动刷新,会保持着上次跳转的状态不更新;
原因:vue-router的切换不同于传统的页面切换,而是路由之间的切换,其实就是组件之间的切换,引用相同组件的时候,会直接调用缓存而不会调用created(),mounted()函数。
解决方法
1、返回刷新页面
在返回页面增加如下代码
watch:{
'$route' () {
this.getList(); //我的初始化方法
}
}
对router进行监控,当router发生变化时,执行初始化界面方法。
这是我的解决方法。
2、返回上一页:如果页面没打开会自动打开;如果页面已打开,则不会刷新页面
goBack() {
const obj = {
path: "/product/base",
query: {
//需要传递参数
t: Date.now(),
pageNum: this.$route.query.pageNum
}
};
this.$tab.closeOpenPage(obj);
this.reset();
}
path: "/product/base" 是指:文章来源:https://www.toymoban.com/news/detail-462290.html
文章来源地址https://www.toymoban.com/news/detail-462290.html
到了这里,关于vue返回上一页自动刷新方式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!