ant design vue树形表格默认展开所有行defaultExpandAllRows不生效

最新推荐文章于 2024-10-11 10:47:19 发布

tonysh_zds

最新推荐文章于 2024-10-11 10:47:19 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/tonysh_zds/article/details/121967268

vue 专栏收录该内容

91 篇文章

订阅专栏

本文探讨了在Vue中如何通过v-if指令优化表格渲染，确保数据存在时才进行渲染，从而避免不必要的操作，提高应用性能。通过在<a-table>组件上使用v-if判断目标成本数据(targetCostTableData)及其长度，实现了数据加载前的条件渲染。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在渲染之前先判断数据是否存在，存在即渲染就ok，问题得以解决。
注意v-if判断即可

<a-table
  v-if="targetCostTableData && targetCostTableData.length"
       :defaultExpandAllRows="true"
       :columns="targetCostColumns" 
       :data-source="targetCostTableData" 
       :customRow="rowClick" 
       bordered
       :pagination='false'
       :row-selection="rowSelection"  size="small"
       rowKey="value">
</a-table>

关注博主即可阅读全文