ant-design of vue中的a-tree组件如何设置默认选中并且禁止取消勾选

在 Ant Design of Vue 的 `a-tree` 组件中，可以通过设置 `defaultCheckedKeys` 属性来设置默认选中的节点。如果想要禁止取消勾选，可以结合 `checkable` 属性和 `onCheck` 事件来实现。

具体来说，可以在 `a-tree` 组件上添加 `defaultCheckedKeys` 和 `checkable` 属性，以及在 `a-tree` 组件上监听 `onCheck` 事件。代码示例如下：

<template>
  <a-tree
    :tree-data="treeData"
    :default-checked-keys="['0-0-0']"
    :checkable="true"
    @check="handleCheck"
  />
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          title: 'Node1',
          key: '0-0',
          children: [
            {
              title: 'Child Node1',
              key: '0-0-0',
              disabled: true, // 禁用该节点的勾选
            },
            {
              title: 'Child Node2',
              key: '0-0-1',
            },
          ],
        },
      ],
    };
  },
  methods: {
    handleCheck(checkedKeys, e) {
      if (e.checked) {
        // 如果节点被选中，则始终保持勾选状态
        this.$refs.tree.setCheckedKeys(checkedKeys);
      }
    },
  },
};
</script>

在上述代码中，我们设置了 `defaultCheckedKeys` 属性为 `['0-0-0']`，即默认选中 `key` 为 `'0-0-0'` 的节点。同时，我们将 `checkable` 属性设置为 `true`，表示该树形控件是可勾选的。在 `a-tree` 上监听 `onCheck` 事件，当勾选状态发生变化时，我们通过 `setCheckedKeys` 方法将所有节点设置为选中状态，以达到禁止取消勾选的目的。需要注意的是，在设置选中状态时，如果不加判断条件，会导致死循环，因此需要判断当前节点是否被选中，只有当节点被选中时才设置勾选状态。