vue element 关闭当前tab 跳转到上一路由

JavaScript页面返回方法分享
最新推荐文章于 2025-08-07 18:04:56 发布
转载 最新推荐文章于 2025-08-07 18:04:56 发布 · 1.4w 阅读 · 7 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/zhang-wenbin/p/11075897.html
文章标签：

#javascript #ui #ViewUI

博客分享了两种JavaScript实现页面返回的方法。方法一是通过this.$store.dispatch('delVisitedViews', this.$route)和this.$router.go(-1)实现；方法二则转载自https://www.cnblogs.com/zhang - wenbin/p/11075897.html 。

方法一

this.$store.dispatch('delVisitedViews', this.$route);
this.$router.go(-1);

 

方法二

this.$store.state.tagsView.visitedViews.splice(this.$store.state.tagsView.visitedViews.findIndex(item => item.path === this.$route.path), 1)
this.$router.push(this.$store.state.tagsView.visitedViews[this.$store.state.tagsView.visitedViews.length-1].path)

转载于:https://www.cnblogs.com/zhang-wenbin/p/11075897.html

Vue 【跳转新页面后】 关闭当前标签页并返回指定页面 / 上一步路由
蓝胖子的博客
02-28 7327
Vue 【跳转新页面后】 关闭当前标签页并返回指定页面 / 上一步路由
vue 关闭当前页 跳转上一页
weixin_49261425的博客
10-28 3591
cancel() { this.form = {}; //关闭当前页 跳转上一页 this.$store.state.tagsView.visitedViews.splice(this.$store.state.tagsView.visitedViews.findIndex(item => item.path === this.$route.path), 1) this.$router.push(this.$store.state.tagsView.visitedView.
若依、芋道源码vue3关闭标签页并返回
最新发布
m0_57887880的博客
08-07 123
需要引入useTagsViewStore()方法并搭配router路由，比如我要关闭当前页面并跳转至'/api/test'(假设这是返回后跳转的路由)
关闭当前页签
Gjfdream的博客
09-11 1803
关闭当前页签
vue关闭当前标签页
下雨打伞干嘛的博客
07-31 4811
vue关闭当前标签页。
利用vuex关闭当前tab页签
CuiCui_web的博客
08-21 3712
如图： 点击删除按钮，关闭当前tab页签 在vuex的js文件中写如下方法：（如果没有vuex的js文件，可以自己写一个，参考另外一篇文章，讲解vuex的） /** * @class closeNow * @description 关闭当前界面页签（如在工作项详情界面，点击删除按钮，关闭当前这个页签） * @param {Object} state vuex state * @param {Object} param { tagName: 要关闭的标签名字, vm:.
vue element 关闭当前tab 跳转到上一路由操作
11-20
方法一 this.$store.dispatch(‘delVisitedViews’, this.$route); this.$router.go(-1); 方法二 this.$store.state.tagsView.visitedViews.splice(this.$store.state.tagsView.visitedViews.findIndex(item => ...
解决vue-router 切换tab标签关闭时缓存问题
01-19
component: resolve => require(['@/pages/product/fundPros/fundTab/fundTab.vue'], resolve), title: '基金首页', redirect: 'fundProListG/fundProListG', meta: { keepAlive: false // 不需要被缓存 }, ...
vue+element导航+标签导航+路由跳转+路由转换.zip
05-21
vue+element导航+标签导航+路由跳转+路由转换，有需要可以取，博客有详尽说明，https://blog.csdn.net/Hei_lovely_cat/article/details/104692047
vue-element-admin 关闭当前标签页
m0_61072184的博客
05-28 487
vue-element-admin 关闭当前tab标签页
Vue路由 返回上一层并关闭当前标签页
Yangpengxunb的博客
02-22 2162
Vue路由 返回上一层并关闭当前标签页
若依 前端vue 路由到明细，然后回退和关闭当前标签页
tiger19114844的博客
11-02 1383
在路由文件中配置路由信息，component 后面的地址，是你的明细页位置，name是刚才定义的路由名称paydata。明细页面是可以接收到上一个页面传来参数的，this.$route.params.id 就是刚才route配置中传的父页面id这样的话就能在页面初始化的时候查询数据为明细页面做填充。带上当前列的id用来查询明细页面的数据，用于展示。今天做了一个需求，前端需要打开明细，然后通过关闭按钮关闭明细，返回上一标签页。注意，方法里面两个调用的顺序不要写反，先返回后关闭，不然返回就找不到上一页标签。
Vue.js页面跳转后返回上一页面记录上一页面select选定的值
卡洛背心的博客
11-17 2966
在当前页面中，选中了某个标签中的问题，然后跳转到问题页面，按返回按钮返回到当前页面，继续选中之前的选中标签 实现效果如下图： 实现逻辑如下： 进入当前页面的时候，页面路由为http://localhost:8080/#/problem 点击某个标签，页面路径修改为http://localhost:8080/#/problem?index=3 index的值为选中的标签下标，这样就用当前路由记录了当前的标签选中项 进入详情页后，路由为http://localhost:8080/#/detail/?id=5
Vue项目中的eventBus统一自动关闭页签的处理方法
有话好好说
04-22 709
项目中遇到了业务审查完成后页签不关闭造成用户可能重复进行提交的隐患，如果每位同学都写自己的页签关闭，有可能漏处理或后期不好维护。 在此进行统一封装，需要时调用即可。 非常简单，某些功能还是前期动动小脑，后期省一大堆事，系统还稳定耐cao： 上操作 eventBus共享数据使用场景: 不需要重复的解绑和绑定的场景下使用bus 下面以某种行为自动触发页签关闭功能为例： 1、首先在main.js 中进行注册： Vue.prototype.$Eventbus = new Vue(); //创建e...
【若依】关闭当前标签页，返回上级页面并刷新
alikami的博客
04-23 3092
记录下若依项目中，需要返回上级页面并刷新。
vue 关闭浏览器弹出评价窗口
weixin_42435236的博客
09-26 5147
这个是打开的一个新窗口，然后点击X需要弹出评价的这个（这个评价不是组件），我在网上看了说是： window.onbeforeunload=function(){ event.returnValue=“请确定是否关闭或刷新当前页面？”; } 就可以了。我写了不好使在vue中还是比较脑壳壳疼的问题，希望有大神可以帮忙解决一下。微信：lyh2818279706 ...
wafll 上面的页签关闭 代码执行
MZ199290的博客
01-11 289
vue router 关闭当前页_微信小程序-mpvue-router-patch配置
weixin_39942400的博客
02-03 1027
1.安装mpvue-router-patch在项目目录下执行npm i mpvue-router-patch2.在src/main.js// main.jsimport Vue from 'vue'import MpvueRouterPatch from 'mpvue-router-patch'Vue.use(MpvueRouterPatch)3.使用方式Router 实例属性$router.ap...
使用this.router.push()进行A-B，b-a跳转保持原页面的页码状态。
llfssd的博客
08-26 721
首先在我们从主页面使用this.router.push(“/index”)跳转至修改页修改信息后保存提交会通过that.$router.go(-1)；在做完这些后还有一个问题就是我们需要在我们跳转到除了修改页面之后需要将页码去掉这个时候我们就需要用的路由的生命周期了；那么我们首先就要在离开这个主页面的时候将页码进行保存通过sessionStorage保存当前页码。而我们需要的是修改完毕之后再回来主页面时保持与跳转前一样的页码。并且我们在主页面dom元素还为渲染时需要去拿到之前的页码。...
vue关闭当前路由页面并跳转到其父页面
qq_24441205的博客
12-21 2813
1.dom中添加关闭或取消按钮。2.cancel方法中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值