穿梭框带分页（element-ui）

穿梭框带分页（element-ui）

因为在项目中，穿梭框带有分页，使用elementui的时候，切换分页的时候，右侧的数据也跟着变化，于是自己手写了一个带分页的穿梭框，并且切换分页的时候，右侧数据不变化

<template>
    <div class="transfer">
        <div class="leftTransfer">
            <div class="leftTransfer_title">
                <el-checkbox :indeterminate="left.isIndeterminate" v-model="left.checkAll" @change="leftHandleCheckAllChange">{
   {
   left.title}}</el-checkbox>
                <span>{
   {
   left.transferDataChecked.length}}/{
   {
   left.transferData.length}}</span>
            </div>
            <div style="margin: 15px 0;"></div>
            <el-checkbox-group v-model="left.transferDataChecked" @change="leftHandleCheckedCitiesChange">
                <el-checkbox v-for="item in left.transferData" :label="item" :key="item.id">{
   {
   item.name}}</el-checkbox>
            </el-checkbox-group>
             <el-pagination
                class="pagination"
                @current-change="handleCurrentChange"
                layout="prev, pager, next"
                :total="page.total"
                >
            </el-pagination>
        </div>
        <div class="transferButton">
            <el-button type="primary" @click="push">》</el-button>
            <el-button type="primary" @click="del">《</el-button>
        </div>
        <div class="rightTransfer">
            <div class="rightTransfer_title">
                <el-checkbox :indeterminate="right.isIndeterminate" v-model="right.checkAll" @change="rightHandleCheckAllChange">{
   {
   right.title}}</el-checkbox>
                <span