文件名称：tabRouter:标签页路由管理
文件大小：935KB
文件格式：ZIP
更新时间：2024-05-30 12:18:22
附件源码 文章源码
思路 将打开的所有路由放到一个栈里（openTab:[]），tabs显示遍历openTab 初始状态，将首页推入栈，并设置激活状态 当切换路由时(监听路由变化),判断栈里是否存在这个路由， 若存在，只改变激活状态；若不存在，则推入栈，并改变激活状态。 tabs 切换，调用@tab-click='tabClick'方法，跳转路由，（路由变化，走上一步中“若存在，只改变激活状态”） tabs 移除，调用@tab-remove='tabRemove' 方法，移除栈（openTab）中对应的路由，若移除的路由是激活状态，那么跳转路由到栈中最后一个（路由变化）；若移除的路由非激活状态，不做修改 涉及到的内容 vuex state:路由栈、激活状态 mutations: 添加、移除、修改激活状态 watch mounted tab 切换、移除两个方法 elementUI-vue3 Proje
【文件预览】：
tabRouter-master
----.gitignore(208B)
----package.json(628B)
----src()
--------components()
--------main.js(315B)
--------assets()
--------store.js(689B)
--------views()
--------App.vue(317B)
--------router.js(1KB)
----dist()
--------fonts()
--------js()
--------css()
--------index.html(849B)
--------favicon.ico(1KB)
----public()
--------index.html(565B)
--------favicon.ico(1KB)
----README.md(1KB)
----vue.config.js(252B)
----index.html(991B)
----babel.config.js(53B)
----yarn.lock(234KB)