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

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 重写了…