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

Posted 2020-12-20 bdlz201002

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();

        },