其他分享
首页 > 其他分享> > element-ui 组件常见错误 confirm, 分页的切换页码改变

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