解决ant design vue树形控件/可展开表格默认展开属性defaultExpandAll/defaultExpandAllRows不生效(采坑日记)
解决办法主要是由于ant-design组件数据是单向流动的,树形控件/表格在第一次渲染时异步加载的数据还未存在。所以用v-if确保数据存在再渲染组件。<a-row class="tree-box"><a-col><a-treev-if="menuListTree.length>0"v-model="checkedKeys"
·
解决办法
主要是由于ant-design组件数据是单向流动的,树形控件/表格在第一次渲染时异步加载的数据还未存在。所以用v-if确保数据存在再渲染组件。
<a-row class="tree-box">
<a-col>
<a-tree
v-if="menuListTree.length>0"
v-model="checkedKeys"
checkable
:auto-expand-parent="autoExpandParent"
defaultExpandAll
:tree-data="menuListTree"
/>
</a-col>
</a-row>
v-if判断要用menuListTree.length>0,确保menuListTree数组加载完成。
更多推荐
已为社区贡献3条内容
所有评论(0)