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

最新推荐文章于 2022-07-08 00:02:33 发布

原创最新推荐文章于 2022-07-08 00:02:33 发布 · 719 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端

前端专栏收录该内容

13 篇文章

订阅专栏

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

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

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

修改为：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

旺旺彐彐

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue常用插件，可自定义选择。vue demo

主攻大数据人工智能物联网安全低空经济等方向。mtsc 、gtest特邀分享嘉宾

12-06

993

根据项目实际情况，选择合适的插件对项目进行开发。留了部分demo可供参考

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

ghost的博客

04-11

750

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

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

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

weixin_30832143的博客

01-04

976

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

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

weixin_42677904的博客

09-24

1093

基于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

3470

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

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

晴天有点孤单

10-24

1088

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

vue组件列表

lb812383331的专栏

07-08

1804

基于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常用组件库

qq_45059900的博客

05-11

1万+

目录前言一、Vue.js UI组件二、Vue.js开发框架三、Vue.js实用库四、Vue.js服务端五、Vue.js辅助工具六、Vue.js应用实例七、Vue.js Demo示例八、详细分类 01、UI组件及框架 02、滚动scroll组件 03、slider组件 04、编辑器 05、图表 06、日历 07、地址选择 08、地图 09、播放器 10、文件上传 11、图片处理 12、提示 13、进度条 14、开发框架汇总 15、实用库汇总

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

834

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

js按钮打开新窗口

jslfl的专栏

07-06

327

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

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

菜鸡奋斗ing的博客

12-02

2601

一般是有左侧菜单后，然后要在页面上部分添加历史标签菜单需求。借鉴其他项目，以及网上功能加以组合调整实现按照标签实现方式步骤来（大致思路）： 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

Vue.js组件——标签页组件

伏枫

11-19

6127

按照《Vue.js实战》的指导，制作了一个标签页的组件，并按照课后练习的要求，添加了一个小功能：给pane组件新增一个prop:closable的布尔值，支持是否关闭这个pane，如果开启，tabs上会增加一个关闭按钮，可以关闭对应的标签。做这个练习的时候，主要有两个关键点：1）如何根据closable的值来动态显示/隐藏关闭按钮解决第一个关键点时，我一开始使用了v-show，如下所示(下面

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

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

08-07

454

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', ...

仿iview-admin后台系统与大数据可视化展板开发教程

资源摘要信息:"模仿iview-admin开发的后台管理系统结合大数据可视化展板" 知识点: 1. iview-admin: iview-admin是一个基于Vue.js和iview组件库开发的后台管理系统模板，它提供了一套完整的后台管理界面解决方案，...