Andt选中单个父组件默认是不带子组件,但是在实际开发中选中子组件往往需要携带父组的值一起提交给后台
<div class="treeComponent ">
<!-- <a-input-search v-model="searchStr" placeholder="输入搜索项" style="width:200px;" @change="onSearch"></a-input-search> -->
<a-tree
checkable
:tree-data='this.treeData'
@check="handleCheck"
>
</a-tree>
</div>
定义一个新的对象,将选中的子节点和父节点数据拷贝到一个新的对象中这样就OK了,传值用checkedKeys 新对象
handleCheck(checkedKeys,info) {
console.log(checkedKeys)
this.checkedKeys = [...checkedKeys, ...info.halfCheckedKeys];
},