弹窗/或者点击按钮-路由跳转以后-再回来时要回显的问题

最新推荐文章于 2023-07-26 19:48:10 发布

csstmg

最新推荐文章于 2023-07-26 19:48:10 发布

阅读量635

点赞数

分类专栏： element 前端

本文链接：https://blog.csdn.net/csstmg/article/details/107066390

版权

前端同时被 2 个专栏收录

171 篇文章 1 订阅

订阅专栏

element

104 篇文章 0 订阅

订阅专栏

原本路由 http://localhost:9528/#/example/careerman
点击跳转到新路由 http://localhost:9528/#/example/application?employeeId=11823&type=1
点击按钮 x 要让老页面的弹窗展示
思路是在返回老页面时路由里面传值, 在老页面mounted是监听路由的值,让弹窗显示

clickGoBack() {
      // 点击事件 路由跳转,并且带上 query 数据
        this.$router.push({ path: '/example/careerman', query: { employeeId: this.employeeId }})
    }

点击 x 以后的路由

http://localhost:9528/#/example/careerman?employeeId=11823

mounted() {
    // 在mounted 事件中 对路由里面的数据处理 打开弹窗或者其他处理
    if (this.$route.query.employeeId) {
      if (typeof (this.$route.query.employeeId) === 'number') {
        this.$refs.personalData.openDialog(Number(this.$route.query.employeeId))
      }
    }
  },