网站建设 保定,网页设计师培训 网页设计师培训,商河 网站建设,镇江大港信息港再vue中#xff0c;返回上一页时#xff1a;如果页面是打开的状态#xff0c;页面不会自动刷新#xff0c;会保持着上次跳转的状态不更新#xff1b;
原因#xff1a;vue-router的切换不同于传统的页面切换#xff0c;而是路由之间的切换#xff0c;其实就是组件之间的…再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(); }