//input事件解決限制長度的問題,onKeypress解決可以輸入字母e的問題
<el-input
type="number"
v-model="form.pub_num"
@input.native="changeNum"
onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))"
maxlength="999999">
</el-input>
changeNum() {
if (this.form.pub_num.length > 6) {
this.form.pub_num = this.form.pub_num.slice(0, 6);
}
},
element中input輸入框type="number"的時候,限制長度,以及解決可以輸入字母e,特殊符號+-號
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
相關閱讀更多精彩內容
- 注意,此時不能在v-model后添加修飾符,例如v-model.trim 就會使上面的指令失效,具體原因待研究。
- 偶然的機會,PM看我寫的頁面,然后我自己隨便輸入一個值的時候,發(fā)現(xiàn)number框可以輸入“e”,"...",出于好...
- input 輸入框type=number 時,上下箭頭隱藏 input::-webkit-outer-sp...
- 由于公司項目需求,要做一個只允許輸入數(shù)字、最多兩位小數(shù)的輸入框,其他字符直接不讓輸入,超出也不讓輸 試了很多種辦法...
- input type=number每次輸入數(shù)字時,多出來的上下黑箭頭不想用,但是又想使用number輸入控制 樣式...