vue3-treeselect 初始化绑定数据

Vue3-Treeselect是一个基于Vue.js的树选择组件，它允许用户从树形结构的数据源中选择一项或多项。初始化时绑定了数据，通常需要以下几个步骤：

1. 安装依赖：首先，在你的Vue项目中安装`vue3-treeselect`，可以使用npm或yarn:

   npm install vue3-treeselect
   # 或者
   yarn add vue3-treeselect

2. 引入组件：在你的组件文件中引入`Treeselect`组件：

   import { Treeselect } from 'vue3-treeselect';

3. 配置选项：在组件的`<script>`部分，设置数据和配置项，包括数据源、初始选中的节点（如果有的话）、选择模式等：

   export default {
     components: {
       Treeselect,
     },
     data() {
       return {
         options: [
           // 树状数据数组，每个对象包含label（标签），value（值），children属性（如果是分组）
         ],
         selectedValues: [], // 初始已选择的值，如[]或者你想预选的某个id
         config: {
            search: true, // 是否开启搜索功能
            placeholder: '请选择', // 单选模式下默认提示文字
            multiple: false, // 是否支持多选，默认为false
            loadOptions: (input) => { ... }, // 加载更多选项的函数
          }
       };
     },
   };

4. 渲染组件：在模板中使用`v-model`指令将`selectedValues`绑定到组件上：

   <template>
     <div>
       <Treeselect :options="options" v-model="selectedValues" :config="config" />
     </div>
   </template>