功能

用于树形数据的选择，利用Select、Cascader、Popover进行扩展，增强多选功能。

不同于官方的 Cascader，在多选结果展示时使用单独的面板展示树形选择结果。

功能示例

展示区：同步
请选择
展示区：异步
请选择
参数：单/多选
单选 多选
结果

最小示例

<template>
    <Wrapper>
        <HTreePicker v-model="result" :options="treeData" width="300px" />
    </Wrapper>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import Wrapper from '@/components/simple-wrapper.vue'
import treeData from './data'
import HTreePicker from '../index.vue'

const result = ref<string>('')
</script>

API

参数

参数类型

事件