解决ant design vue树形控件/可展开表格默认展开属性defaultExpandAll/defaultExpandAllRows不生效(采坑日记)

前端小端长

于 2020-09-18 15:40:19 发布

阅读量8k

点赞数 6

分类专栏： Vue

本文链接：https://blog.csdn.net/zhang1339435196/article/details/108666509

版权

Vue 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

解决办法

主要是由于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数组加载完成。