其他分享
首页 > 其他分享> > iview的分页组件的使用

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