avue-tree 默认选中

avue-tree是一个基于Vue.js的树形组件，它提供了默认选中节点的功能。在avue-tree中，默认选中节点可以通过设置节点的checked属性来实现。

要实现avue-tree的默认选中功能，可以按照以下步骤进行操作：
1. 在数据源中设置节点的checked属性为true，表示该节点默认选中。
2. 在avue-tree组件中，使用v-model指令绑定一个数据属性，用于保存选中节点的值。
3. 在avue-tree组件的props属性中，设置show-checkbox为true，以显示复选框。
4. 在avue-tree组件的props属性中，设置default-checked-keys为一个数组，数组中包含了默认选中节点的key值。

下面是一个示例代码，演示了如何实现avue-tree的默认选中功能：

<template>
  <div>
    <avue-tree
      v-model="selectedNodes"
      :data="treeData"
      :show-checkbox="true"
      :default-checked-keys="defaultCheckedKeys"
    ></avue-tree>
  </div>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          key: '1',
          label: 'Node 1',
          checked: true, // 默认选中
          children: [
            {
              key: '1-1',
              label: 'Node 1-1',
              checked: true, // 默认选中
            },
            {
              key: '1-2',
              label: 'Node 1-2',
            },
          ],
        },
        {
          key: '2',
          label: 'Node 2',
        },
      ],
      selectedNodes: [], // 保存选中节点的值
      defaultCheckedKeys: ['1', '1-1'], // 默认选中节点的key值
    };
  },
};
</script>