基于element-ui的tree组件合成的穿梭框,包含上下位移删除子节点
<template>
<div class="container">
<div class="trees">
<div class="treeP">
<p class="title">
<label class="la">
<span>
<el-checkbox v-model="checked" @change="checkedAll()">全选</el-checkbox>
</span>
</label>
</p>
<div class="tree1">
<el-tree
:data="data"
show-checkbox
node-key="id"
default-expand-all
ref="tree"
>
</el-tree>
</div>
</div>
<div class="btn">
<el-button type="primary" @click="btn" icon="el-icon-arrow-right" circle></el-button>
</div>
<div class="treeP">
<p class="title">
<label class="la">
<span class="quit" @click="quit">
清空
</span>
</label>
</p>
<div class="tree1">
<el-tree
:data="data1"
node-key="id"