前提
通过配置实现如下功能:
用户在修改完数据之后页面可以根据配置来控制页面是从新向前跳转到新的页面还是向后返回到指定页面。
实现步骤
1.详情页面点击完善户型
2.跳转到完善户型明细点击更多按钮
3.点击更多按钮跳转到户型明细列表页面然后点修改
4.确定按钮配置一个back参数用于前端控制向前或者向后回退处理。
脚本配置如下:
代码处理如下:
common-submit-btn.component
success(res, item) {
if (res.message) {
this.appGlobalService.showToast(res.message, 2000, 'middle');
}
// 脚本配置后退处理
if (item.back) {
if (Number(item.back) < 0) {
const back = Math.abs(Number(item.back));
for (let index = 0; index < back; index++) {
this.appGlobalService.popTarget();
}
window.history.go(Number(item.back));
} else if (Number(item.back) === 0) {
this.http.reloadCurrentPage();
} else {
window.history.go(Number(item.back));
}
localStorage.setItem("needRefresh", "true");
} else if (item.link && item.link.type === 'page') {
const payParams = {
pageId: item.link.target,
params: item.link.params ? item.link.params : {},
sessionId: localStorage.getItem('sessionId')
};
// to newPage
this.appGlobalService.goToForward(payParams);
} else if (res.target) {
const payParams = {
pageId: res.target,
params: res.params ? res.params : {},
sessionId: localStorage.getItem('sessionId')
};
// to newPage
this.appGlobalService.goToForward(payParams);
}
}