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;
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM