Jeecg-boot 中台挖坑日记04 全局 Vue-AntD 标签页的控制

开坑 2019 年 10 月 28 日

暂时没有找到好的方法,在不修改原来 layout 框架的情况下。

Vue-AntD Tabs

事件名称 说明 回调参数
edit 新增和删除页签的回调,在 type=”editable-card” 时有效 (targetKey, action): void

移除 Tab 方法在: @/components/layouts/TabLayout.vue => remove:117

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
editPage(key, action) {
this[action](key)
},
remove(key) {
if (key == indexKey) {
this.$message.warning('首页不能关闭!')
return
}
if (this.pageList.length === 1) {
this.$message.warning('这是最后一页,不能再关闭了啦')
return
}
this.pageList = this.pageList.filter(item => item.fullPath !== key)
let index = this.linkList.indexOf(key)
this.linkList = this.linkList.filter(item => item !== key)
index = index >= this.linkList.length ? this.linkList.length - 1 : index
this.activePage = this.linkList[index]
},

没找到好的解决办法,在考虑直接用 vuex 重写了…