使用element的pagination分页控制swiper跳转

page-size：一页显示多少条数据
total：一共多少条数据

<template>
  <div>
    <div>
      <swiper ref="swiper"
              :options="swiperOption"
              style="height:100px">
        <swiper-slide v-for='(item,index) in newObjData'
                      :key="index">
          <li v-for='(item,index) in newObjData[index]'
              :key="index">
            <span>{{item.id}}</span>
            <span>{{item.name}}</span>
            <span>{{item.age}}</span>
          </li>
        </swiper-slide>
      </swiper>
    </div>

    <div>
      <el-pagination layout="prev, pager, next"
                     @current-change="handleCurrentChange"
                     :page-size="3"
                     :total="60">
      </el-pagination>
    </div>
  </div>

</template>

handleCurrentChange (currentpage) {
 this.$refs.swiper.swiper.slideTo(currentpage - 1, 500, false);
},