AntDesignVue的a-tree实现selectable和checkable同步


无论是点击勾选框还是点击树中的title名称 选中逻辑同步

<a-tree
checkable
selectable
v-model:tree-data="treeData"
v-model:selectedKeys="selectedKeys"
v-model:checkedKeys="checkedKeys"
@select="handleTreeSelect"
>
</a-tree>
const handleTreeSelect = (selectedKeys, e) => {
const {node: {dataRef: {key}}} = e
if(isEmpty(key)) return
if(e.selected) {
checkedKeys.value = [
...checkedKeys.value,
key
]
} else {
checkedKeys.value = checkedKeys.value.filter(checkKey => checkKey !== key)
}
}
posted @   Felix_Openmind  阅读(133)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}
点击右上角即可分享
微信分享提示