vue-elementui穿梭框+上下移动功能

穿梭框

 <el-transfer
              filterable
              v-model="chooseRole"
              :render-content="renderFunc"
              :titles="['未选定选项', '已选定选项']"
              filter-placeholder="请输入"
              :data="roleData"
              @right-check-change="choose"
              target-order="push"
            >
            </el-transfer>

上下移动按钮

    <el-button
      class="transfer-footer"
      slot="right-footer"
      size="mini"
      @click="handleUp(index)"
    >
      上移
    </el-button>
    <el-button
      class="transfer-footer"
      slot="right-footer"
      size="mini"
      @click="handleDown(index)"
    >
      下移
    </el-button>
  </div>