VUE + Element UI el-pagination实现前端分页

   <template>
           <el-scrollbar style="height:695px">
          <div class="ul">
            <div v-for="(prj,index) in listData" v-show="page *10 >= index+1 && (page -1) *10 < index+1 " :key="prj" class="li" >
              <div class="overflow">
                {{ prj.xmmc }}
              </div>
              <div>项目类型：{{ prj.xmlx }}</div>
            </div>
          </div>
        </el-scrollbar>
        <div class="block">
          <el-pagination
            :current-page="page"  // 绑定当前页
            :total="listData.length"  // 绑定总条数
            layout="prev, pager, next"
            smll
            @current-change="changePage"  // 切换页面
            />
        </div>
  </template>
  <script>
  export default {
      data() {
          return {
              page: 1, // 给个默认第一页
              listData: [], // 数据流
          }
      },
      methods: {
          // 渲染数据函数
          getData() 
                this.listData = []
                 requestAll(urls[0], urls[1]).then(res => { 
                      res.features.forEach(prj => {
                        this.listData.push()
                        this.page = 1
                    }) 
      
                })
          },
           changePage(page) {
               this.page = page
           },
      }
  }
  </script>