avue-input-tree 设置单选

`avue-input-tree`是一个基于Vue.js的树形控件，用于展示层级结构的数据，并提供节点的增删改查功能。如果要在Avue Input Tree组件中设置单选模式，你可以通过配置`@check-change`事件处理程序来控制每个节点的唯一选择状态。

首先，在模板部分，你需要将`type`属性设置为`radio`，表示单选模式：

<template>
  <avue-input-tree :data="treeData" type="radio" @check-change="handleCheckChange"></avue-input-tree>
</template>

然后，在对应的script部分中，定义`handleCheckChange`函数，它会在用户点击节点后更新单选状态：

<script>
export default {
  methods: {
    handleCheckChange(node) {
      // 清除所有已选中的节点
      this.$refs.tree.setCheckedKeys([]);
      
      // 如果node是要选中的新节点，设置其为选中状态
      if (node.checked) {
        node.parent && node.parent.setChecked(false); // 父节点取消选中
        this.$refs.tree.setCheckedKeys([node.key]); // 设置当前节点为选中
      }
    },
  },
}
</script>

在这个例子中，每次检查改变时，会清除其他已选中的节点，只保留最后一个被点击的节点为选中状态。注意，`$refs.tree`是引用了实际的`avue-input-tree`实例，你需要确保已经在模板中绑定了这个引用。