iview的分页组件的使用
作者:互联网
正常使用
<Page
:total="total"
show-elevator
show-total
:page-size="pageSize"
:current.sync="currentPage"
@on-change="pagesizeChange"
style="margin-top: 30px"
/>
//页码的变化
pagesizeChange(res) {
this.currentPage = res
console.log(this.currentPage )
this.fetchData()
},
当表格有删除操作时,删除大于第一页的最后一条,页码不会发生变化,
需要在删除操作js里,当删除成功时加入
if (status !== 2) return this.$Message.error(msg || '接口有问题哦!');
if (this.dataTable.length == 1 && this.currentPage > 1) {
this.currentPage = this.currentPage - 1
}
标签:console,分页,删除,res,pagesizeChange,组件,currentPage,页码,iview 来源: https://blog.csdn.net/weixin_50166856/article/details/119911413