vue根據表格分頁,前端實現方法
阿新 • • 發佈:2018-11-06
html:
<el-table :data="tableData.slice((curPage-1)*pagesize,curPage*pagesize)" border style="width: 100%"> <el-table-column label="訂單編號" min-width="150"> <template slot-scope="scope"> <span>{{ scope.row.date }}</span> </template> </el-table-column> </el-table> <el-pagination :current-page.sync="curPage" :page-size="pagesize" :pager-count="7" :total="tableData.length" background layout="total, prev, pager, next, jumper"> </el-pagination>
js:
data() {
return {
pagesize: 15,
curPage: 1,
tableData: [
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀區金沙江路 1518 弄"
}
]
};
},
完成