修改element ui分页组件

业务需求是不允许在输入页数时输入小数点等其他特殊字符,分页本身用的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,'')" />

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2562018.03.05 新年不忘读书 .胡桂芳论语《里仁篇》《公冶长》各1遍,《大学》1遍,诗经《1-10》2...
    古木草阅读 223评论 0 0
  • 是我太迟钝,还是你们都太上进 是我太天真,还是你们都太前瞻 没有发生的事情 为什么搞得全世界皆知 你要离开,告诉我...
    尘世尘子阅读 198评论 2 1
  • 昨天理发的时候没话找话的“Tony”跟我聊起网红、直播、快手、抖音等。我很旗帜鲜明地站了队表了态,感叹世风日...
    aha是sw阅读 224评论 0 0