穿梭框+el-tree,递归实践
完成的效果图:
使用的组件:
Tag.vue
<template>
<div class="flow-layer-tag-wrapper">
<div class="left">
<p class="title">可选标签</p >
<!-- 搜索区 -->
<div class="search">
<el-input placeholder="请输入关键字" v-model="filterTagName" clearable>
</el-input>
</div>
<!-- 左边内容区 -->
<div class="content">
<!-- 树形组件 -->
<div class="tag-top">
<el-tree
ref="tree"
:data="treeData"
:props="tree