The a-tree component of Ant Design Vue implements clicking text to select/unselect nodes

<a-tree @select="treeSelect" v-model:checkedKeys="checkedKeys" :tree-data="treeData" checkable>
    // ...
</a-tree>
treeSelect(selectedKeys, e) {
    const toArray = (list) => Array.from(list || []);
    // 获取被点击的树节点
    const node = e.nativeEvent?.path?.find((item: any) => {
        return toArray(item?.classList).findIndex(className => className == "ant-tree-treenode") != -1;
    });
    // 获取复选框
    const checkbox: any = toArray(node?.childNodes).find((item: any) => {
        return toArray(item?.classList).findIndex(className => className == "ant-tree-checkbox") != -1;
    })
    // 模拟点击
    checkbox?.click();
},

Guess you like

Origin blog.csdn.net/Honiler/article/details/126136147