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


手动写了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,'')" />
网友评论