el-cascader与el-tree-transfer

一、el-tree-transfer（树状穿梭框）

1、npm install el-tree-transfer --save
2、 <tree-transfer :title=“title” :from_data=‘fromData’ :to_data=‘toData’ :defaultProps="{label:‘label’}" @addBtn=‘add’ @removeBtn=‘remove’ :mode=‘mode’ height=‘540px’ filter openAll>

defaultProps 根据数据设置label、value、以及children
例如 defaultProps: { label: “name”, children: “childList”, value: “id” },
3、add(fromData,toData,obj){} remove(fromData,toData,obj){}
从而获取需要的数据进行打印存储。

二、el-cascader（级联选择题）

1、 <el-cascader
v-model=“value”
:options=“options”
@change=“handleChange”>
这是elementui给出的文档格式，options 为树状结构的数组