vxe-table-column in vue+vxe-table führt in Kombination mit v-if zu Verwirrung bei Spaltenstilen und -positionen
Je nach Anforderungen treten bei der Beurteilung der Anzeige und Ausblendung einer bestimmten Spalte der vxe-Tabelle häufig Probleme wie Verwirrung der Spaltenposition, Änderungen des Tabellenkopfstils und Probleme mit Werten auf, die jedoch nicht angezeigt werden;< /span>< a i=1> Hinweis: Dieses Problem ist kein technisches Problem <vxe-table-column v-if="pageInfo. id === 4 ||pageInfo.id === 8" title="Berichtstyp" width="100" v-if="row.reportType == 1">API</span>
<vxe-table-column
v-if="pageInfo.id === 4 ||pageInfo.id === 8"
title="上报类型"
width="100"
key='1'>
<template v-slot="{row}">
<span v-if="row.reportType == 1">API</span>
<span v-else>咨询工具</span> ;
</template>
</vxe-table-column>
//或者< a i=11> <vxe-table-column v-if="pageInfo.id === 4 ||pageInfo.id === 8" title="上报类型" width="100" :key="Math.random()"> <template v-slot="{row}"> 原文链接: https://blog.csdn.net/ShaLiWa/article/details/119773845 版权声明:本文为CSDN博主「莎莉哇」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明 ———————————————— 给使用了v-if的列,加一个固定的key值,或循环渲染key即可; </vxe-table-column> </template> <span v-else>咨询工具< /span> <span v-if="row.reportType == 1">API</span>