Top
Fork me on Gitee My Github

Vue -- element-ui 限制只能输入number

element-ui

<el-form-item label="大于等于:">
    <el-input @keyup.native="number" maxlength="3" v-model="form.days" placeholder="输入查询天数" class="input-with-select"></el-input><span>&nbsp;天</span> 
</el-form-item>

number(){
    this.form.days=this.form.days.replace(/[^\.\d]/g,'');
    this.form.days=this.form.days.replace('.','');
},
/*去掉type为number的箭头*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input[type="number"] {
	-moz-appearance: textfield;
}
posted @ 2019-08-29 17:53  lisashare  阅读(5018)  评论(0编辑  收藏  举报