最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Vue顶部tags浏览历史代码实现方法
时间：2022-06-29 02:00:06 编辑：袖梨 来源：一聚教程网
本篇文章小编给大家分享一下Vue顶部tags浏览历史代码实现方法，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。
实现的功能
默认有首页，不能关闭
点击路由菜单，判断有无存在，没有就添加，有就定位到上面
点击跳转，点击X可关闭
关闭当前页，自动跳到下一个tag页面
如果当前页在最后一个，默认跳到上一个tag页面
右键菜单，刷新，关闭右侧，关闭所有
动态判断tags长多，放不下时，出现左右两侧按钮，减少时自动消失
动态判断窗口放大缩小，自动判断有无左右两侧按钮
正文
不用任何vuex，乱七八糟的方法，全在一个文件，粘贴即用
放到你想要的位置即可(此demo,放在了面包屑上面)
先安装 (监听某dom元素大小的包)
npm install element-resize-detector
tags.vue
重点
需要修改的地方
currentPgae.name 是路由结构的name，判断有无存在，没有就添加，有就定位到上面,根据项目修改
监听刷新时，去本地存储 tags 和 当前页面的active，Ftistpage1 改成自己的首页即可
相关文章
- 《无限暖暖》天星之羽获得位置介绍 12-20
- 《流放之路2》重铸台解锁方法介绍 12-20
- 《无限暖暖》瞄准那个亮亮的成就怎么做 12-20
- 《无限暖暖》魔气怪终结者完成方法 12-20
- 《无限暖暖》曙光毛团获得位置介绍 12-20
- 《无限暖暖》日光果获得位置介绍 12-20