vue3.0+elementplus/elementui 穿梭框+上下移动功能_elementplus穿梭框+上下移动功能

页面穿梭框

<el-transfer
            v-model="allValue"
            style="text-align: left; display: inline-block; margin-top: 5px"
            :titles="['未选的列', '已选的列']"
            :props="{ key: 'id', label: 'append', disable: 'disable' }"
            :format="{
              noChecked: '${total}',
              hasChecked: '${checked}/${total}',
            }"
            @change="rightchange"
            target-order="push"
            :data="unitdataListnew"
            @right-check-change="choose"
          >
</el-transfer>

上下移动按钮

   <el-button size="mini" @click="handleUp(-1)">上移</el-button
              >&nbsp;
              <el-button size="mini" @click="handleUp(1)">下移<