【若依】关闭当前标签页并跳转路由到其他页面

人间废料记 2024-09-18 14:03:02 阅读 56

使用场景如:当在新增/编辑路由页面提交成功后,需要关闭当前页,并跳转回列表页。

实现代码:

<code>this.$store.dispatch("tagsView/delView", this.$route); //关闭当前页

this.$router.replace({ -- --> path: "/xxx/xxx" }); // 要打开的页面

我这里面开启了若依路由缓存,所以跳回到列表页时,页面并不会刷新。如果需要在回到列表页时主动刷新列表数据,可以在跳转页面跳转前存到本地一个标识,在列表页actived生命周期中获取标识,获取到后将标识置为初始值(不需刷新的标识),并调用列表刷新方法。

实现代码:

// 在新增/编辑路由页面

localStorage.setItem("IndexRefresh", true);

this.$store.dispatch("tagsView/delView", this.$route); //关闭当前页

this.$router.replace({ path: "/xxx/xxx" }); // 要打开的页面

// 列表页

```bash

activated() {

if (localStorage.getItem("IndexRefresh") == "true") {

localStorage.setItem("IndexRefresh", false);

this.getList();

}

}



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。