記錄el-input type=number限制長度el-input使用

<el-input type="number"
 oninput="if(value.length>10)value=value.slice(0,10)"
 @keyup.enter.native="query()"
 onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
 :max="99999999">
 </el-input>

oninput 是個自定義事件 在事件裏面獲取輸入的數字長度,來進行判斷如果大於規定長度就進行剪切。
keyup.enter.native 是個鍵盤迴車事件,當按下Enter鍵時觸發query()事件。
max爲輸入框的最大值,如果input的type=number那麼輸入框內是輸入不了字符的。

number框 解決輸入e的問題
主要原因是:e在數學上代表的是無理數,是一個無限不循環的小數,其值約爲2.7182818284,所以在輸入e的時候,輸入框會把e當成一個數字看待。
可以採用下面的方式來避免這個BUG,在input標籤中添加如下屬性:
onKeypress=“return(/[\d.]/.test(String.fromCharCode(event.keyCode)))”

<el-input placeholder="請輸入密碼" v-model="input" :show-password="true"></el-input>

show-password 加上這個屬性輸入字符進行隱藏一般用於密碼框使用
記錄問題

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章