场景:父页面A,子页面B。从父页面A跳转到子页面B,进行添加操作,添加完成,关闭子页面B,跳转回父页面A。因为新增一条数据,需要重新加载列表。

父页面A局部代码如下:

watch: {
  $route(to, from) {
    // console.log("到哪个页面去", to.path);
    // console.log("从哪个页面来", from.path);
    if (to.path == "/asset/allasset" && from.path == "/asset/addasset") {
      this.quireHostList();
    }
  }
}

可以参考官方文档——过渡动效Vue:

参考文章:https://segmentfault.com/q/1010000009480668?_ea=1944807

官方文档:https://router.vuejs.org/zh/guide/advanced/transitions.html

官方demo:https://github.com/vuejs/vue-router/blob/dev/examples/transitions/app.js

Logo

前往低代码交流专区

更多推荐