TreeTransfer 树穿梭框

基础用法

左列表0/0

总公司

行政部

行政综合组

后勤保障组

技术部

前端开发组

Web前端小组

移动端小组

后端开发组

API开发小组

数据库小组

测试组

市场部

品牌推广组

渠道拓展组

分公司

销售一部

华东区域组

华南区域组

销售二部

华北区域组

西部区域组

客服部

售前咨询组

售后服务组

右列表0/0

暂无数据

[]

查看代码

<template>
  <gi-tree-transfer v-model:selected-keys="selectedKeys" :titles="['左列表', '右列表']" :data="data"
    :tree-props="treeProps"></gi-tree-transfer>
  <pre class="doc-pre">{{ selectedKeys }}</pre>
</template>

<script setup lang="ts">
import { ref } from 'vue'

import { data } from './data'

const treeProps = {
  nodeKey: 'id'
}

const selectedKeys = ref<string[]>([])
</script>