【JeecgBoot】点击返回关闭当前页面（tab）且返回上一层

一个生活在底层的小小码农

于 2023-04-19 12:12:50 发布

阅读量1.3k

点赞数 1

文章标签： vue.js 前端

本文链接：https://blog.youkuaiyun.com/ddd295569371/article/details/130241094

版权

在Vue.js应用中，通过在组件中注入closeCurrent方法并绑定到按钮点击事件，可以实现关闭当前页面的功能。同时，使用this.$router.go(-1)可返回上一级路由。reBack方法结合了这两种操作，提供了返回和关闭的选项。

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

首先要在你需要关闭得页面组件里面加上inject:['closeCurrent']，如下图位置
之后写一个触发函数：这里面得reBack即是返回函数

<el-form label-width='100px' style='margin-top:50px;'>
      <el-form-item style='text-align: center;margin-left:-100px;margin-top:10px;'>
        <el-button size='small'  @click='reBack'>返 回</el-button>
        <el-button size='small' type='primary' @click='submitForm'>保 存</el-button>
      </el-form-item>
    </el-form>

reBack方法如下：

  reBack () {
  	  //此方法为关闭当前页面
      this.closeCurrent()
      //此方法为返回到上一级
      this.$router.go(-1)
    },

至此搞定，仅以记录。