<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 加上這個屬性輸入字符進行隱藏一般用於密碼框使用
記錄問題