vue 中一个页面内，左边树控件 tree，右边表格 table，求问怎么实现该效果？

[fancymf]

如图



vue 中，使用 antd 控件， 左边是 tree ，右边是联动 tree 控件显示当前选中树节点的表格，表格数据很多，可能有几千条，表格中多选。

目的是：当右边表格选中几条数据，不是全部勾选的时候，左边的节点是 半勾选 的状态（不是打了勾的全勾状态）



但是呢左边的节点又不是可以展开的那种，设置在 halfChecked 数组内的又不可以。

[paopjian]

虽然不懂 antd,但是右边组件设置 click 后,可以 emit 带个 id 到父组件,父组件再传给 tree 组件,tree 组件判断当前 id 在哪个组里判断是应该全勾选 半勾选 空 这个流程?

[fancymf]

@paopjian #1 额，我主要现在不确定是否 含有子节点的 父节点 才能有半勾选 的状态。。。因为现在是勾选了子节点，父节点就会自动半勾选嘛，我上午写死节点 id 进 半勾选 的 数组中，好像无效。。

[fancymf]

checkStrictly 为 true 就可以解决随意放全勾选 半勾选的数组内随之显示的问题了。但是又有新的问题了，勾选父节点，子节点不会随着被勾选。。

[paopjian]

@fancymf 父节点勾选,全选子节点是有一个专门的选项吧, 父子选项联动的