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

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

 

1

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

​

相关事件：

 

1

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

 

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