ant design of vue a-tree组件子节点不完全勾选获取父节点的值

最新推荐文章于 2024-04-28 19:08:13 发布

星月I随心

最新推荐文章于 2024-04-28 19:08:13 发布

阅读量3.5k

点赞数 2

分类专栏： vue

原文链接：https://www.jianshu.com/p/a293d1589c24

版权

vue 专栏收录该内容

27 篇文章 2 订阅

订阅专栏

<a-tree
        showLine
        checkable
        v-model='businessSelectedRowKeys'
        @check="onBusinessSelectChange"
        :treeData='businessData'
        :checkedKeys="businessSelectedRowKeys"
        :autoExpandParent="true"
        >
        </a-tree>

---------------data中-------------------

data(){
  return{
      test: [],
      businessData: [],
      businessSelectedRowKeys: [],
      allSelectedNodes: [],
  }
}

------------------methods---------------------

  onBusinessSelectChange(selectedKeys, info) {
      // console.log('selectedKeys changed: ', selectedKeys);
      // console.log('info changed: ', info);

      // 已勾选子节点以及半勾选状态的父节点
      this.allSelectedNodes = selectedKeys.concat(info.halfCheckedKeys);
      this.businessSelectedRowKeys = selectedKeys;
    },