ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

[vxe-table] vxe-table-column配合v-if导致列样式与位置错乱

[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导致列样式与位置错乱

返回列表