html假分页实现方法,vue 假分页实现

1.模板中

编辑

删除

分配权限

@size-change="handleSizeChange"

@current-change="handleCurrentChange"

:current-page="currentPage"

:page-sizes="[5, 10, 20, 40]"

:page-size="pagesize"

layout="total, sizes, prev, pager, next, jumper"

:total="rolelist.length">

2.脚本

export default {

data(){

return{

rolelist:[],//列表

currentPage:1, //初始页

pagesize:10,    //    每页的数据

}

},

methods:{

// 初始页currentPage、初始每页数据数pagesize和数据data

handleSizeChange: function (size) {

this.pagesize = size;

console.log(this.pagesize)  //每页下拉显示数据

},

handleCurrentChange: function(currentPage){

this.currentPage = currentPage;

console.log(this.currentPage)  //点击第几页

},

}

}

3.开心的玩耍

原文：https://www.cnblogs.com/wakaka623/p/14446597.html