vue 移动端树结构功能_在vue项目中使用树形结构的穿梭框

先看一下最后的效果：

树型结构的穿梭框，基于element-ui

一个基于elementui的穿梭框组件：el-tree-transfer

第一步：安装组件

npm install el-tree-transfer --save

第二步：写代码

// 你的代码

...

// 使用树形穿梭框组件

import treeTransfer from 'el-tree-transfer' // 引入

export defult {

data(){

return:{

mode: "transfer", // transfer addressList

fromData:[

{

id: "1",

pid: 0,

label: "一级 1",

children: [

{

id: "1-1",

pid: "1",

label: "二级 1-1",

children: []

},

{

id: "1-2",

pid: "1",

label: "二级 1-2",

children: [

{