美文网首页
修改element ui分页组件

修改element ui分页组件

作者: Doki_455c | 来源:发表于2019-01-13 14:07 被阅读0次

业务需求是不允许在输入页数时输入小数点等其他特殊字符,分页本身用的element组件

分页样式 将layout中jumper属性去掉

手动写了input框,绑定数据和方法。在Data中currentPag默认的属性是1 

第一个参数是e.target.value是目标值,第二个参数是当前的页数,第三个参数是最大页数,涉及到会有小数点所以向上取整(总条数/每页显示多少条)。

if(recordPage > MaxPagenumber){      //判断当前页数是否大于最大数

        recordPage = MaxPagenumber;       //等于最大数

 }else if(recordPage < 1){                             //如果当前页数小于1 

          recordPage = 1;                 

}else if(e.target.value==NaN || e.target.value==""){                 //将输入的值进行判断

                recordPage = 1;

  }

this.currentPage=recordPage;

                this.table();                                                           //重新调用接口

  },

.input框限制只能输入和粘贴数字 

<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" />

相关文章

网友评论

      本文标题:修改element ui分页组件

      本文链接:https://www.haomeiwen.com/subject/gcgkdqtx.html