vxe-table-column in vue+vxe-table führt in Kombination mit v-if zu Verwirrung im Spaltenstil und in der Position

Probleme bei der Verwendung von vxe-table_Tan CVs blog-CSDN blog_[vxe-table] Die Symbolleiste kann nicht mit der Tabelle verknüpft werden

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>














Supongo que te gusta

Origin blog.csdn.net/wwf1225/article/details/128630256
Recomendado
Clasificación