1、相关描述

首先需要找到存储路由的数据盒子。数据盒子是自定义的，也就是展示标签内容的具体数据，找到它之后就可以在跳转时对他进行操作了。

2、图解

3、示例代码

goBack() {let visitedViews = this.$store.state.tagsView.visitedViews,index = visitedViews.findIndex((item) => item.fullPath == "/subsusteminfo/systemdetailpage");this.$router.push({ path: "/monitor/system-console" });this.$store.state.tagsView.visitedViews.splice(index, 1);
}

vue中自己实现的页面切换标签手动关闭功能相关推荐

vue中组件在不同页面中渲染出错
vue中组件在不同页面中渲染出错封装了一个组件封装了一个组件遇到问题了,特向各位大佬请教比如我封装了一个 child 组件我在father 页面中引入可以正常使用而且css 样式不会出现 ...
在Vue中调用微信的扫描二维码功能
在Vue中调用微信的扫描二维码功能步骤新建vue文件(这里采用mint的标签库--就一个按钮~~) 关键代码 <template><div class="login_d ...
vue中按ctrl原页面锁定打开新页面
可以通过vuex 或者写个公共文件实现 vuex 实现思路 1.监听键盘按下事件 2.如果按下的按钮为ctrl, 就修改状态为true, 键盘抬起或者按键不对状态都为false 3.需要监听所有的 ...
vue中使用vuex结合sessionStorage做的登录功能
先说一波vuex的好处 vuex可以保存数组.对象.或者嵌套结构,不用toString 双向绑定,使用commit修改一处状态后,所有引用的地方自动更新,不需要重新取值可以自定义数据过滤方法.取值方 ...
H5中的history单页面，手动实现单页面开发，细说h5单页面原理
就目前来看,前端的单页面开发占了很大一部分,一方面无刷新的切换增强了体验,并且浏览器记录依然存在,前进后退都没问题,在之前我们通地址栏中的hash改变来触发onhashchange方法来实现单页面应用 ...
vue中如何在登陆页面不显示导航栏
导航栏作为系统的通用组件,我并不想让其显示在登陆页面中,因此可以按照以下方法实现 1.将通用组件如导航栏等和<router-view />放在一起 app.vue <div>& ...
vue中多个路由页面切换造成滚动互相影响问题的解决
一.问题描述在vue的项目开发中,出现了这样的问题.在进入一个路由页面的时候,进行了页面滚动,滚动的位置会被缓存.当离开页面以后,下次再进入一个页面的时候,切换新路由,发现默认进入的位置就是之前滚动 ...
vue中通过js控制页面样式方法
在使用vue.js框架的时候,有时候会希望在页面渲染完成之后,再执行函数方法来处理初始化相关的操作,如果只处理页面位置.宽或者高时,必须要在页面完全渲染之后才可以,页面没有加载完成之前,获取到的宽高不 ...
前端笔记-vue中使用router进行页面跳转及除掉url中的#
目录演示代码演示运行截图如下: 点击后,url跳转如下: 代码页面跳转的关键程序结构如下: aaa.vue <template><div>我是aaa<butt ...
vue中tab选项卡刷新页面后保持选中状态_Altium Designer中的快捷键汇总
双十一活动详情请联系客服了解在任何软件环境中,为了提高工作效率,你可以做的一件事就是学习快捷键.击键比将鼠标小心地放在按钮上或点击菜单来查找命令更有效,一旦用熟悉了,它们就变成了您的第二天性.本文将 ...

vue中自己实现的页面切换标签手动关闭功能

目录

1、相关描述

2、图解

3、示例代码

vue中自己实现的页面切换标签手动关闭功能相关推荐

最新文章

热门文章