element-ui 组件常见错误 confirm, 分页的切换页码改变
作者:互联网
一 / 使用确认组件时候
this.$confirm('确认移除', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { this.deleteFn("removeGroup",row); }).catch((error) => { console.log(error) });;
点击了确定,没有执行删除的方法,
经排查,原来 不仅进入了then中,还进行了catch中,说明,在then中有报错,
打印错误定位,找到错误,更改后就好了
二 使用分页切换的时候,点击搜索之后,页码回到了第一页, 我想要的效果是搜索的时候,在哪页就是哪页,不进行跳转回第一页
<el-pagination @size-change="changePageSizeFn" class="f-r" @current-change="changePageFn" :pager-count="5" :current-page.sync="pageOption.currPage" :page-sizes="pageOption.defaultpagesizes" :page-size="pageOption.defaultpagesize" layout="sizes, prev, pager, next, jumper" :total="tableOptions.total"> </el-pagination>
s
手动计算了当前的页码,对 pageOption.currPage 进行了赋值,发现依然回到第一页,
排查之后发现,两点
1)需要 :current-page.sync 必须写sync
2)需要将pageOption.currPage = 4 这个赋值,放在请求到表格数据之后
标签:confirm,sync,element,currPage,ui,pageOption,第一页,页码 来源: https://www.cnblogs.com/fyjz/p/14001109.html