element中分页(Pagination)组件的点前进键会跳两页的原因

Posted bdlz201002

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element中分页(Pagination)组件的点前进键会跳两页的原因相关的知识,希望对你有一定的参考价值。

element中分页(Pagination)组件点前进键有时会跳两页

原因是

 currentchange(current){
        // this.$emit(‘show‘,{page:current,size:this.pageination.pageSize});
        console.log("currentchange");
        this.setPagenum(current);
        this.show();
      },
        sizechange(newsize){
          console.log("sizechange");
          // this.$emit(‘show‘,{page:this.pageination.pageNum,size:newsize});
          this.setPagesize(newsize);
          this.show();
        },
      prevclick(current){
        //  this.$emit(‘show‘,{page:current-1,size:this.pageination.pageSize}) 
        console.log("prevclick");
        this.setPagenum(current);
        this.show();
      },
      nextclick(current){
        console.log("nextclick");
          // this.$emit(‘show‘,{page:current+1,size:this.pageination.pageSize}) 
        this.setPagenum(current+1);
        this.show();
      },
 
我定义了 prevclick   nextclick currentchange三个方法
但是点击前进键会调用nextclick currentchange两个方法,
后退键同理, 所以只需要吧这两个 prevclick   nextclick删除就好了
 currentchange(current){
        // this.$emit(‘show‘,{page:current,size:this.pageination.pageSize});
        console.log("currentchange");
        this.setPagenum(current);
        this.show();
      },
        sizechange(newsize){
          console.log("sizechange");
          // this.$emit(‘show‘,{page:this.pageination.pageNum,size:newsize});
          this.setPagesize(newsize);
          this.show();
        },

以上是关于element中分页(Pagination)组件的点前进键会跳两页的原因的主要内容,如果未能解决你的问题,请参考以下文章

Element Pagination分页组件 二次封装

Vue2 Element Pagination组件 每页数据量不同的解决方案

Vue2 Element Pagination组件 每页数据量不同的解决方案

Element Pagination 分页修改页码当前页无效

vue-cli3 element 分页组件el-pagination的基本使用

drf框架中分页组件