[vxe-table] vxe-table-column配合v-if导致列样式与位置错乱
<vxe-table-column
v-if="pageInfo.id === 4 ||pageInfo.id === 8"
title="上报类型"
width="100"
key='1'>
<template v-slot="{row}">
<span>咨询工具</span>
</template>
</vxe-table-column>
//或者
<vxe-table-column
v-if="pageInfo.id === 4 ||pageInfo.id === 8"
title="上报类型"
width="100"
:key="Math.random()">
<template v-slot="{row}">
<span>咨询工具</span>
</template>
</vxe-table-column>
给使用了v-if的列,加一个固定的key值,或循环渲染key即可;
参考:
vue+vxe-table中的vxe-table-column配合v-if导致列样式与位置错乱