Element-ui input 限制只输入数字

方法一:

使用element-ui el-input组件,要求只能输入数字,最先使用的办法,添加 type=’number’ 即可.

可以输入小数点。

例如:

<el-input
 v-model.number='count'
 type='number'
 maxLength='9'
/>

方法二:

不可以输入小数点:
添加四则运算法。

例如:


<el-input v-model='count' oninput="value=value.replace(/[^\d]/g,'')" maxLength='9' />

方法三:

保留小数点后几位:


<el-input v-model='number' oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+3)}" maxLength='9' />

v-model没有值

v-model没有值的问题我是这么解决的:


<el-input v-model='count' ref='ele' oninput="value=value.replace(/[^\d]/g,'')" maxLength='9' />



const elem = this.$refs.ele if(elem.isOnComposition) { // em..其实这个判断可以去了 this.count = elem.currentValue }
点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注