antd vue a-tree 如何设置叶子节点选择框

对于 antd vue 的 a-tree 组件，要设置叶子节点的选择框，需要通过 `treeCheckable` 和 `treeCheckStrictly` 属性来实现。

首先，确保你已经引入了 a-tree 组件：

<template>
  <a-tree
    :treeData="treeData"
    :treeCheckable="true"
    :treeCheckStrictly="true"
    v-model:selectedKeys="selectedKeys"
  ></a-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          title: "Parent 1",
          key: "0-0",
          children: [
            {
              title: "Leaf 1-0",
              key: "0-0-0",
              isLeaf: true
            },
            {
              title: "Leaf 1-1",
              key: "0-0-1",
              isLeaf: true
            }
          ]
        },
        {
          title: "Parent 2",
          key: "0-1",
          children: [
            {
              title: "Leaf 2-0",
              key: "0-1-0",
              isLeaf: true
            },
            {
              title: "Leaf 2-1",
              key: "0-1-1",
              isLeaf: true
            }
          ]
        }
      ],
      selectedKeys: []
    };
  }
};
</script>

在上面的代码中，我们将 `treeCheckable` 设置为 `true`，以启用选择框。通过设置 `treeCheckStrictly` 为 `true`，可以让叶子节点的选择框独立于父节点的选择状态。

此外，我们还使用了 `v-model:selectedKeys` 来获取选中的节点的 key 值。

你可以根据自己的需求修改 `treeData` 的数据结构和样式，以适应你的项目。