VXE-Table使用了 自定义表格控件 ＜vxe-toolbar ref=“xToolbar“ ＞＜/vxe-toolbar＞ 后，如何一开始默认显示某一些列

1.先写上自定义表格控件

<vxe-toolbar ref="xToolbar" custom immediate></vxe-toolbar>

2.根据你的数据源，重新写个数组，里面的flag控制显示与不显示

code对应field就行

 private tableDataDetailArr: any[] = [
    // { code: '', flag: true, name: '' },
    { code: 'flowmeterName', flag: true, name: 'i18n.flowmeterName' },
    { code: 'SNO', flag: true, name: 'i18n.serialnumber' },
    { code: 'flowmeterLocation', flag: true, name: 'i18n.flowmeterLocation' },
    { code: 'ipAddress', flag: true, name: 'i18n.ipAddress' },
    { code: 'port', flag: true, name: 'i18n.port' },
    { code: 'protocolType', flag: true, name: 'i18n.protocolType' },
    { code: 'modelType', flag: true, name: 'i18n.modelType' },
    { code: 'regionName', flag: true, name: 'i18n.flowmeterRegionName' },

    { code: 'tagPackageName', flag: false, name: 'i18n.tagPackageName' },

    { code: 'manufactorName', flag: true, name: 'i18n.manufactorName' },

    { code: 'typeName', flag: false, name: 'i18n.typeName' },
    { code: 'wbTime', flag: false, name: 'i18n.maintenanceEndTime' },
    { code: 'wbDay', flag: false, name: 'i18n.maintenancePeriod' },
    { code: 'xjTime', flag: false, name: 'i18n.patrolInspectionEndTime' },
    { code: 'xjDay', flag: false, name: 'i18n.patrolInspectionCycle' },
    { code: 'responsibleName', flag: false, name: 'i18n.personLiable' },
    { code: 'isEnable', flag: false, name: 'i18n.isEnable' },
    { code: 'connectionParam1', flag: false, name: 'i18n.connectionParam1' },
    { code: 'connectionParam2', flag: false, name: 'i18n.connectionParam2' },
    { code: 'connectionParam3', flag: false, name: 'i18n.connectionParam3' },
    { code: 'description', flag: false, name: 'i18n.desc' }
  ]

3.然后在vxe-cloume里面遍历显示内容就行

<vxe-table-column v-for="(group, index) in tableDataDetailArr" :key="index" :visible="group.flag" min-width="100"
          :field="group.code==='protocolType'? cuteProtocolType(group.code):group.code" :title="$t(`${group.name}`)">
          <template v-if="group.code==='protocolType'" #default="{ row }">
            <span>{{ cuteProtocolType(row.protocolType) }}</span>
          </template>
        </vxe-table-column>