清除iview admin 后台标签页 tags-nav 退出默认打开上次浏览的页面

最新推荐文章于 2023-04-11 15:57:22 发布

旺旺彐彐

最新推荐文章于 2023-04-11 15:57:22 发布

阅读量700

点赞数

分类专栏：前端文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/aiteshanshan/article/details/122875822

版权

前端专栏收录该内容

13 篇文章

订阅专栏

本文指导如何在iviewadmin中修改getTagNavListFromLocalstorage方法，以删除预设的tags-nav并实现个性化，确保用户每次登录后返回自定义浏览页面。

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

清除 iview admin 后台标签页 tags-nav 退出默认打开上次浏览的页面

在libs/util.js里找到getTagNavListFromLocalstorage（）方法

修改为：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

旺旺彐彐

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

iview-admin 使用笔记

Wjhsmart的博客

01-02

4405

1、登录页面： src/view/login 引用src/components/login-form，点击登录按钮后，触发on-success-valid事件 on-success-valid事件在src/view/login中执行事件响应handleSubmit函数 handleSubmit函数调用src/store/module/user.js中的handleLogin和getUserInfo...

ivew-admin 路由导航组件（仿浏览器新开窗口效果）封装项目实战

晴天有点孤单

10-24

1060

效果rt：（左右切换滚动，左侧菜单联动，支持同路由多个页面：可根据项目需求自行配置）话不多说上代码---------------我是美丽的分割线***---------------------：需要修改的文件文件1.工具类需要用到的方法都在这里了文件2：路由导航文件文件3：入口页面引用（为了兼容多项目，这里做了入参封装处理，使用的时候按需改变一下）下面是各文件代码文件1： imp...

参与评论您还未登录，请先登录后发表或查看评论

iView/View UI tabs可关闭标签，跳跃关闭会关闭后续所有标签问题。

ghost的博客

04-11

691

在使用iview2.0/View UI设计页面时发现需要使用tabs标签进行切换，但是在标签for循环内添加关闭按钮会给用户一种不是同级的感觉，所以打算采用官网的关闭方法，发现点击中间某个标签关闭会联通中间到结尾所有的标签都关闭的bug。在结合他文章后大佬给出答案，我做了尝试，发现并没有改观，但是题主却采纳了，经过仔细代码对比，我发现虽然都是在原标签dom节点进行关闭，但是关闭的方法却不一样。因为添加步骤的内部还有一个3级表单，给人的感觉很容易误解为删除的不是上面的步骤而是下面的3级表单行。

iview中Modal对话框点击确定后会自动关闭窗口

weixin_30832143的博客

01-04

950

问题描述：在某个页面需打开一个Modal，然后这个Modal里有一个Form表单，点击确定时我需要先校验表单数据是否输入正确，不确定则不希望关闭窗口；（问题是：只要点击确认 loading :false 情况下iview默认就把窗口就关闭了） API上也只是说了通过loading状态来手动关闭对话框，但是在需要验证form表单，表单验证通过再关闭modal 这种环境下，似乎并不实用，当首次表单验...

基于IView UI 的关闭当前页面，并返回上一页

weixin_42677904的博客

09-24

1076

基于IView UI 的关闭当前页面，并返回上一页之前公司使用Iview作为项目的UI框架，而作为前端开发的我则不可避免遇到要关闭当前标签页，并返回上一标签页的问题。那时我不怎么会，后来请教项目组的大佬后才发现其实也很简单。具体代码如下： //this.view 当前页路由 this.$store.dispatch("delVisitedViews", this.view).then(views => { //oldRouter 上一页路由 this.$router.pu

vue 登录信息存储+退出清空

a378113472的博客

06-30

1万+

vue 项目登录之后后台返回接口 vue 把接口返回参数存储到vuex 但是vuex 具有刷新按钮清空问题所以存到vuex 的同时要存储到 sesstionstorage中在vuex 的state中把把存储到sesstionstorage中的值赋值给vuex state解决刷新按钮清空vuex 问题其他页面使用登录接口返回参数时直接从vuex 中获取设置退出按钮点击退出按钮时清空sesstongstage和vuex 清空vuex 的方法就是刷新 ...

iview-admin去掉首页，直接显示第一个目录

Songlinlin_的博客

02-01

3447

路由配置，在home路由的基础上改改完了去页面上看发现报错，并且面包屑有两级找了大佬小姐姐同事，终于改好啦。找到src/libs/util.js文件，修改完成，信息管理tag不可关闭，面包屑只有当前一级，夸一波小姐姐！ ...

github|一款基于vue+element-ui 的绝佳的通用型、中后台前端框架

programmedbloke的专栏

07-27

4156

vue-admin-beautiful，一款基于 vue+element-ui 的绝佳的通用型、中后台前端框架 vue-admin-beautiful登录页面 vue-admin-beautiful后台效果效果展示地址：http://beautiful.panm.cn/vue-admin-beautiful/ github地址：https://github.com/chuzhixin/vue-admin-beautiful 安装 # 克隆项目 git clone https://gi

vue组件列表

lb812383331的专栏

07-08

1725

基于Vue的组件库 https://github.com/ElemeFE/element" element 饿了么出品的Vue2的web UI工具套件 https://github.com/airyland/vux" Vux 基于Vue和WeUI的组件库 https://github.com/ElemeFE/mint-ui" mint-ui Vue 2的移动UI元素 https://github.com/iview/iview" iview 基于 Vuejs 的开源 UI 组件库 https...

vue+element-ui中实现多层级复杂的维度根据数据自动生成的表头

前端技术的学习整理

05-22

3万+

表头主要复杂在：1，有三层，一层是大类，第二层是具体项，第三层是标准值/对比值2，首列和末尾列是一层3，整个表格的维度是根据数据的输入自己生成，也就是动态的下面是在 vue + eleUI 中的解决方案：<el-table :data="tableData" border style="width: 100%" max-height="700" v-loading="areaLoading"...

【vue】iView-admin2.0动态菜单路由【版2】

ansem0444的博客

05-23

810

依照iView-admin2.0动态菜单路由【版1】归纳几个节点动态路由获取方式2 ——> easymock假数据 ——> 数据转组件处理、addRoutes ——> localStorage存储 ——> 动态路由path刷新修改操作--关于动态路由1. 删掉src/main.js中mounted调用的初始化动态路由函数initRouter()———...

js按钮打开新窗口

jslfl的专栏

07-06

306

在按钮事件处理方法中,要是通过location.href=url,这样是在当前窗口内跳转,用window.open(url)的话,打开新窗口,但一般会被弹出窗口拦截程序拦截,也不方便,所以可以通过下面方式达到相同效果 html: js: function openWin(){ var obj = document.getElementById("tagOpenWin"); ...

vue+elementui+vuex+sessionStorage实现历史标签菜单

菜鸡奋斗ing的博客

12-02

2485

一般是有左侧菜单后，然后要在页面上部分添加历史标签菜单需求。借鉴其他项目，以及网上功能加以组合调整实现按照标签实现方式步骤来（大致思路）： 1，写一个tagNav标签组件 2，在路由文件上每个路由组件都添加meta属性 meta:{title:'组件中文名'} 3，在store的mutation.js文件中写标签的添加/删除方法以及在方法中更新sessionStorage数据 4，在主页面上添...

html5中nav标签（导航链接）的详细介绍

热门推荐

dayoudun的博客

11-03

4万+

在html5版本中，新增了很多语义标签，比如：header标签、footer标签、aside标签、nav标签等等。这些语义标签没有实际的显示效果，只是起到语义的作用。今天小编要介绍的就是其中一个，即nav标签。nav标签目前已经用的比较多了，通常在网站导航源代码中都能看见它的踪影 “nav”是英文单词“navigation”缩写，有“导航”的意思。那它在html中作为标签又有什么意思呢？我们一起来看看nav标签的定义及用法吧！一、nav标签定义及用法在html中，nav标签是html5

Android ListView滑动过程中图片显示重复错乱闪烁问题解决

微信号codek2 专注于 Android 开源项目源码解析开源项目分享

08-07

409

TagsView导航栏

keovady的博客

05-04

1万+

1.TagsView.vue <template> <div class="tags-view-container"> <scroll-pane class="tags-view-wrapper" ref="scrollPane"> <router-link ref="tag" :class="i...

vue实现点击多个tab标签打开关闭多个页面

cyyy1223的博客

08-09

2万+

需求:现将页面分为Header LeftSideBar Main三大模块左侧LeftSideBar为menu菜单，点击菜单每一项，在Main中出现上部为tag标签，下部为内容可打开多个tag标签，可内容切换，可关闭效果图 1.router.js中（在LeftSideBar组件中现在有两个菜单项icons和tabs） { path:'/addtab', ...

Vue 关闭当前页、关闭当前标签tagsView

菜鸟学编程

07-29

1万+

由于项目使用tagsView,关闭当前页面需要通过关闭当前标签来实现涉及到几个点： 1. 移除VisitedView 和 CachedView 中的当前项 2. 跳转到最后一次访问的标签主要思路：比对路由路径 ( this.$route.path) 两种方式：一、在vue页面直接实现 closePage() var currentView = this.$store.state.tagsView.visitedViews[0] for (currentV..