Skip to content

tree-picker

功能

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

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

功能示例

展示区:
参数:单/多选
参数:内联/块级
参数:宽度
演示:任意节点单选
结果

最小示例

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

<script lang="ts" setup>
import VcTreePicker from '../tree-picker.vue'
import { treeData } from './data'

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

API