element ui分页怎么做_element-ui纯前端分页

直接上代码

:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"

border

style="width: 100%">

@size-change="handleSizeChange"

@current-change="handleCurrentChange"

:current-page="currentPage"

:page-sizes="[10, 20, 30, 50, 100]"

:page-size="pageSize"

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

:total="tableData.length"

style="float:right;margin-top:15px;"

>

data:{

pageSize: 10, //每页多少条

currentPage: 1, // 当前页

tableData: [{

date: '2016-05-02',

name: '王小虎',

address: '上海市普陀区金沙江路 1518 弄'

}, {

date: '2016-05-04',

name: '王小虎',

address: '上海市普陀区金沙江路 1517 弄'

}, {

date: '2016-05-01',

name: '王小虎',

address: '上海市普陀区金沙江路 1519 弄'

}, {

date: '2016-05-03',

name: '王小虎',

address: '上海市普陀区金沙江路 1516 弄'

}]

}

methods: {

// 每页多少条

handleSizeChange(val) {

this.pageSize = val;

},

// 当前页

handleCurrentChange(val) {

this.currentPage = val;

},

},