如何解决ElementUI中的el-tab-pane组件使用v-show不生效的问题？

效果：

功能：首先进来是全部清空的状态的

1. 点击左边选择不同项右边会实时发送接口获取数据填充表格

2. 复选的内容可以保留显示，比如A的1勾选后切换到B再切换回来A的1仍然是勾选状态

说实话官网的setCheckboxRow方法我实现不了，这里就是纯蠢蠢的办法实现，在这里做个记录，能用咱就用着，有更好的办法就下次一定

<el-tabs tab-position="left" @tab-click="handleClick">
	<el-tab-pane v-for="(item, index)  in tabs" :key="item.testItemCode" :label="item.testGroupName">
      <vxe-table :ref="'table' + index" :data="testItemData" auto-resize align="center"  :checkbox-config="{ trigger: 'row', checkField: 'checked', checkRowKey: 'checked' }" @checkbox-all="selectAllEvent" @checkbox-change="selectChangeEvent">
		<vxe-table-column type="checkbox" width="50">
		<vxe-table-column type="checkbox" width="50"></vxe-table-column>
      	<vxe-table-column type="seq" title="序号" width="50"></vxe-table-column>
    	<vxe-table-column field="testItemName" title="测试项"></vxe-table-column>
     	<vxe-table-column field="testItemCode" title="测试项编码"></vxe-table-column>
     	<vxe-table-column field="testTypeName" title="测试类型"></vxe-table-column>
  	  </vxe-table>
	</el-tab-pane>
</el-tabs>        

// 页面刚进来的时候就获取第一组数据
 init() {
       this.tabs = this.testGroupNameList
       this.getTestItemData(this.tabs[0].testGroupCode)
 },
// 获取测试项
async getTestItemData(testGroupCode) {
     this.testItemData = await getItemCodesOfGroup({
          testNo: this.testNo,
          testGroupCode,
          entityCode: this.entityCode
     })
     //🛑上面的就是获取数据，这里比较关键，不写的话进来第一次就会勾选不了
     this.testItemData.forEach(i => i.checked = false)
},  
async handleClick(tab) {
            // 先通过左边的选择获取相应的表格数据，这里也是获取数据
            await this.getTestItemData(this.tabs.find(v => v.testGroupName == tab.label).testGroupCode)
            //🛑 这里比较关键，如果在已选择的列表内，就设置为选中状态
            if (this.curSelectedList.length) {
                this.testItemData.forEach(item => {
                    this.curSelectedList.forEach(item2 => {
                        if (item.testItemName == item2.testItemName) {
                            item.checked = true
                        }
                    })
                })
            }
        },
// 复选框事件
 selectChangeEvent(selection) {
            // 选中时保存选中项
      if (selection.checked) {
           this.curSelectedList.push(selection.row)
           this.curSelectedList = this.unique(this.curSelectedList, 'testItemName')
     } else {
          // 取消时删除选中项
          this.curSelectedList = this.curSelectedList.filter(item => item.testItemName != selection.row.testItemName)
      }
},
     // vxe复选框当前页全选中方法
 selectAllEvent(selection) {
            // 选中时保存选中项
       if (selection.checked) {
           this.curSelectedList.push(...selection.records)
           this.curSelectedList = this.unique(this.curSelectedList, 'testItemName')
     } else {
                // 取消时删除选中项
      selection.$table.tableData.forEach(item => {
          this.curSelectedList = this.curSelectedList.filter(item2 => item2.testItemName != item.testItemName)
         })
    }
},  
// 通过testItemName去重函数 ,testItemCode不是唯一的
unique(arr, attr) {
     const map = new Map()
     const result = []
     for (const item of arr) {
          if (!map.has(item[attr])) {
               map.set(item[attr], true)
               result.push(item)
          }
     }
     return result
},  
// 确认选择测试项，这里就是把当前选中项传给父组件的
doChoose() {
     this.curSelectedList = this.unique(this.curSelectedList, 'testItemName')
     this.$emit('getTestItemList', this.curSelectedList)
     this.closeDialog()
 },