文件名称:vue-mutitab:自己写的多tab实现,简单易用,给大家分享下
文件大小:460KB
文件格式:ZIP
更新时间:2024-05-26 10:37:32
admin vue tab tabpage mutitab
基于vue多tab页实现 本模板提供了最精简实现的代码,简单易懂,以及灵活控制tab的接口。 账号superadmin 密码666666 demo中增加了类似浏览器标签功能、拖拽、右键等。 多tab页实现常见问题 tab页面数据的缓存统一管理 tab页面关闭,缓存自动释放,以及tab页面缓存手动清除,灵活控制。 tab打开数量限制 tab页面的滚动条状态 tab页面的跳转调用以及刷新 tab页面实现逻辑与业务系统逻辑分离,甚至取消tab,系统可以正常使用。 接口帮助手册 打开tab页面:直接使用this.$router.push();若页面已存在,则激活已存在的tab。 手动删除某路由的缓存: this.$store.commit("tab/DelCache", "xxxxx");"xxxxx"为该页面路由的name 强制刷新当前页面: this.$store.dispatch("ta
【文件预览】:
vue-mutitab-master
----vue.config.js(153B)
----package.json(1KB)
----src()
--------App.vue(287B)
--------assets()
--------views()
--------plugin()
--------main.js(449B)
--------components()
--------mixin.js(834B)
--------store.js(217B)
--------router.js(2KB)
----example.png(18KB)
----.gitignore(4KB)
----public()
--------assets()
--------index.html(687B)
--------favicon.ico(1KB)
----README.md(3KB)
----yarn.lock(289KB)
----.gitattributes(2KB)
----babel.config.js(53B)