0
点赞
收藏
分享

微信扫一扫

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

灵魂跑者 2023-12-17 阅读 26


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


举报

相关推荐

0 条评论