tab 控制表格操作列显隐

小陈同学，，

已于 2022-08-17 15:34:42 修改

阅读量248

点赞数

分类专栏： vue3.0 文章标签：前端 vue3

于 2022-08-17 15:32:26 首次发布

本文链接：https://blog.csdn.net/ping_lvy/article/details/126386899

版权

vue3.0 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

第一个tab没有状态列

第二个tab有状态列

初始化加载数据时操作列隐藏

        if (contractData.tabs_status == '007') {
              cusColumnObj.operate = {
                title: '操作',
                fixed: 'right',
                control_type: 'operation',
                width: 160,
                opeColums: [
                  {
                    title: '变更',
                    type: 'change',
                  },
                ],
              };
              cusColumnObj.process_status.hide = true
              contractData.cusUiButtonObj.export.visible = false;
              contractData.cusUiButtonObj.submit.visible = false;
            }
          }
         /*
         注：
         cusColumnObj.process_status.hide = true
         不能写成  cusColumnObj.process_status = { hide:true}
         相当于把整个状态的属性重新赋值，而不是只修改控制显隐的那个属性
         */

切换时所有tab都要注明此操作列是否隐藏，否则会覆盖上一个tab的显隐

 const tabChange = (tabs_status: any) => {
     if (tabs_status.value === '001') {
      cusColumnObj.process_status.hide = true;
     } else if (tabs_status.value === '002') {
      cusColumnObj.process_status.hide = false;
}