> 文章列表 > 实现一个左右二级穿梭框

实现一个左右二级穿梭框

实现一个左右二级穿梭框

这个问题困扰了好久,终于把它搞出来了

1.新建一个组件

//TreeTransfer.vue
<template lang=\"html\"><div class=\"tree-transfer\"><div class=\"transfer-panel unselect\"><!-- <div class=\"transfer-panel__header\"><el-checkbox v-model=\"leftCheckAll\" @change=\"clickLeftCheckAll\">待选</el-checkbox></div> --><div class=\"transfer-panel__content\"><!-- <el-inputsize=\"mini\"placeholder=\"输入关键字进行过滤\"v-model=\"leftFilterText\"></el-input> --><el-treefilterref= \"tree\":data=\"leftNodeData\"show-checkboxnode-key=\"myId\"//这里是自定义的id,因为 后端左右两侧id不同所以自定义:default-expand-all=\"false\":filter-node-method=\"filterNod