vue3写法 iview Tree树形控件 默认选中第一个

在 Vue3 中使用 iView (Vue UI) 的 Tree 组件时，如果你想要默认选中第一个节点，你可以按照以下步骤操作：

首先，确保你已经安装了 iView 并引入了相关的 CSS 和 JavaScript 文件。然后，在组件中，你需要配置 `default-checked-keys` 属性，这个属性用于设置默认选中的节点键值。

这是一个基本的示例：

<template>
  <Tree :data="treeData" :default-checked-keys="['firstNodeKey']">
    <!-- 树形结构模板 -->
    <TreeNode v-for="(item, index) in $children" :key="index" :label="item.label" :key="item.key">
      <!-- 内部节点内容 -->
    </TreeNode>
  </Tree>
</template>

<script>
import { TreeNode } from "iview";
export default {
  data() {
    return {
      treeData: [
        // 假设这里是你实际的数据结构，包含每个节点的 key 和 label
        { key: 'firstNodeKey', label: '节点一' },
        // 其他节点...
      ],
    };
  },
};
</script>

在这个例子中，`'firstNodeKey'` 应替换为你的第一个节点的实际 `key` 值。如果节点没有 `key` 属性，你可以根据你的数据结构调整。