Vue用router.push(传参)跳转页面,参数改变,跳转页面数据不自动刷新需手动刷新的解决办法
项目场景:在vue前端工程里,存在通过点击连接传参,到另一个页面,并根据参数进行刷新页面问题描述:vue跳转时通过使用router进行跳转,跳转后参数传到了,但是页面还是上一个参数的数据,页面的数据并没有更新,点击刷新后,数据才是最新的参数传进来的总页面,点击调转方法:gotoGpProcess(row) {let sync_id = row.sync_id;sessionStorage.setI
·
项目场景:
在vue前端工程里,通过点击连接传参,到另一个页面,并根据参数进行刷新页面
问题描述:
vue跳转时通过使用router进行跳转,跳转后参数传到了,但是页面还是上一个参数的数据,页面的数据并没有更新,点击刷新后,数据才是最新的参数传进来的
总页面,点击调转方法:
gotoGpProcess(row) {
let sync_id = row.sync_id;
sessionStorage.setItem("gpsync_id", sync_id);
this.$router.push("archSyncGp116Process");
//this.$router.push({path:"archSyncGp116Process",query:{sync_id:row.sync_id}});
},
详情页面,解析参数并加载数据:
created() {
this.syncId = sessionStorage.getItem("gpsync_id");
this.initSyncId();
this.getData();
this.queryGpCount();
},
initSyncId() {
if (this.syncId !== null) {
this.workFlow = this.syncId.substring(0, this.syncId.lastIndexOf("_"));
this.beginEndDate = this.syncId.substring(
this.syncId.lastIndexOf("_") + 1,
this.syncId.length
);
}
},
原因分析:
页面加载刷新的问题,与使用create方法 有关
解决方案:
active(),created(),解决刷新问题,如下所述:
created():在创建vue对象时,当html渲染之前就触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也就是说,created()只会触发一次;
activated():在vue对象存活的情况下,进入当前存在activated()函数的页面时,一进入页面就触发;可用于初始化页面数据等
总页面,点击调转方法:
gotoGpProcess(row) {
let sync_id = row.sync_id;
sessionStorage.setItem("gpsync_id", sync_id);
this.$router.push("archSyncGp116Process");
//this.$router.push({path:"archSyncGp116Process",query:{sync_id:row.sync_id}});
},
详情页面,解析参数并加载数据:
activated(){
this.mounted();
this.getData();
this.queryGpCount();
},
created() {
this.mounted();
// this.syncId = sessionStorage.getItem("gpsync_id");
// this.syncId = this.$route.query.sync_id
// this.initSyncId();
// this.getData();
// this.queryGpCount();
},
mounted(){
this.syncId = sessionStorage.getItem("gpsync_id");
//this.syncId = this.$route.query.sync_id
this.initSyncId();
},
initSyncId() {
if (this.syncId !== null) {
this.workFlow = this.syncId.substring(0, this.syncId.lastIndexOf("_"));
this.beginEndDate = this.syncId.substring(
this.syncId.lastIndexOf("_") + 1,
this.syncId.length
);
}
},
啰里啰嗦:
协总,培东,运行大佬群镭 联名告知该bug的难受,我就借晚上 下班 吃饭的时间,加班改了这个bug,又没人建jira,呜呜呜,工时没法填~
记录我身边的大佬
更多推荐
已为社区贡献1条内容
所有评论(0)