新开页面关闭回到父页面，例如打开的增删改查页面，关闭后回到，主列表操作页面

赵维希

于 2022-01-03 14:54:52 发布

阅读量807

点赞数 1

分类专栏：诺依框架 elment-ui vue-element-admin 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_40247817/article/details/122287247

版权

本文介绍了在Vue.js中，当用户在主列表的增删改查子页面操作后，如何在关闭子页面时返回到主列表。通过在路由中传递主表的路由信息并在关闭时调用，实现返回主页面的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

![在这里插入图片描述](https://img-blog.csdnimg.cn/b61e83f21fe04ac2a0b6ec6c8f76f983.png#pic_center)

如上图，用户在打开了主表的增改查等子页面时，关闭时想要回到主表面，那么改怎么做呢？只需要在关闭，改路由视图时，跳转到主表面即可

在调用子页面的地方路由传递主表的路由信息，以便关闭时进行路由跳转

this.$router.push({
   
        path: '/...' 
        query: {
    fupath: this.$route.path, funame: this.$route.name }
      }