0


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

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

实现代码:

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();}}

本文转载自: https://blog.csdn.net/wch19960518/article/details/140185194
版权归原作者 人间废料记 所有, 如有侵权,请联系我们删除。

“【若依】关闭当前标签页并跳转路由到其他页面”的评论:

还没有评论