vue页面中如何使用iview组件制作一个多级选择框

在Vue中使用iView框架制作多级（树状）选择框，你可以使用iView的`TreeSelect`组件。以下是基本步骤：

1. 安装iView库：
如果你还没有安装，可以在项目中运行 `npm install iview@latest` 或者 `yarn add iview@latest` 来安装。

2. 引入组件：
在你的Vue文件中导入`TreeSelect`组件：

   import { TreeSelect } from 'iview';

3. 设置数据结构：
创建一个多级的数据结构，例如：

   data() {
     return {
       treeData: [
         {
           value: '0-0',
           label: '父节点1',
           children: [
             {
               value: '0-0-0',
               label: '子节点1'
             },
             {
               value: '0-0-1',
               label: '子节点2'
             }
           ]
         },
         {/* 其他的父节点 */}
       ],
     };
   }

4. 渲染组件：
在模板中使用`TreeSelect`并绑定数据：

   <div>
     <TreeSelect
       size="small"
       :options="treeData"
       @on-change="handleChange" 
     ></TreeSelect>
   </div>

需要注意`@on-change`事件监听器，会在用户做出选择时触发，可以根据需求获取所选节点信息。

5. 监听状态变化：
添加一个函数来处理`TreeSelect`的变化，比如获取当前选中的值：

   methods: {
     handleChange(value) {
       console.log('选择的值:', value);
       // 根据实际需求操作数据或发送请求
     }
   }

**相关问题--:**
1. 如何控制默认展开某一级节点？
2. 当选择某一项时，怎么取消之前的选择？
3. 如何限制只能选择一级节点而不是全路径？