多级穿梭框

<tree-transfer :title="title1" :from_data="fromData" :to_data="toData" :defaultProps="{label:'label'}" @addBtn='add' @removeBtn='remove' :mode='mode' height='540px' filter openAll>
</tree-transfer>

import treeTransfer from "el-tree-transfer" ;
data() {
			const generateData = _ => {
				this.getMapListNew("gasys/de/getDeptList", function(res) {
			      if (res.state == "ok") {
					console.log(res.returnValue)
					return res.returnValue
					}
				});
			};
			return {
				mode:'transfer',
				fromData:[],
				toData:[],
				title1:['所有部门','已选部门'],
			};
		},
		methods:{
			//切换模式
			changeMode(){
				if(this.mode=='transfer'){
					this.mode="addressList";
				}else{
					this.mode="transfer";
				}
			},
			//监听穿梭组件添加
			add(fromData,toData,obj){
				console.log("fromData:",fromData)
				console.log("toData:",toData)
				console.log("obj:",obj);
				var _this=this;
				for(var item of toData){
					for(var ite of item.children){
						console.log(ite.label)
						_this.bumenobj.push({deptId:ite.id,deptName:ite.label});
					}
				}
			},
			//监听穿梭框组件移除
			remove(formData,toData,obj){
				console.log("fromData:",fromData)
				console.log("toData:",toData)
				console.log("obj:",obj)
			},
		}
		components:{ treeTransfer } ,// 注册