直播软件app开发，element ui分页展示

直播软件app开发，element ui分页展示

 

<el-row>
<div class="block">
  <el-pagination
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
       :current-page="xxxCondition.currentPage+1"
       :page-sizes="[10, 20, 30]"
       :page-size="xxxCondition.pageSize"
       layout="total, sizes, prev, pager, next, jumper"
       :total="xxxCondition.total">
   </el-pagination>
 </div>
 </el-row>

​

相关事件：

 

methods: {
async handleSizeChange(pageSize) {
   this.xxxCondition.pageSize = pageSize;
    await _findVars({self: this}); // 调用接口查询分页变动后的数据
},
async handleCurrentChange(currentPage) {
    this.xxxCondition.currentPage = currentPage-1;
    await _findVars({self: this});
},
// ...
}

 

以上就是 直播软件app开发，element ui分页展示，更多内容欢迎关注之后的文章