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
                }
上一篇:博客前端项目搭建(3) 后续页面开发


下一篇:asp.net Repeater控件 分页索引 按数据索引 每页不同