vue.js中怎麼設定輸入框的長度

vue.js設定輸入框長度的方法：使用vue控制input輸入長度與取得輸入內容的長度，程式碼為【

本教學操作環境：windows7系統、Vue2.9.6版，Dell G3電腦。

# 【相關文章推薦：vue.js】

vue.js設定輸入框長度的方法：

今天在開發登錄頁時，需要設定登入輸入框的長度，輸入類型為number

<input type="number" maxlength="11" placeholder="请输入手机号">

登入後複製

發現在這樣寫時，輸入長度限制並沒有生效，經過測試發現在type為number或text時，設定 maxlength參數並不會生效。

##vue控制input輸入長度和取得輸入內容的長度

<input type="number" oninput="if(value.length > 11)value = value.slice(0, 11)"
 placeholder="请输入手机号" ref="passwords" v-model.number="passwords">
console.log(this.$refs.passWords.value.length);

登入後複製

相關學習推薦： javascript影片教學

#

以上是vue.js中怎麼設定輸入框的長度的詳細內容。更多資訊請關注PHP中文網其他相關文章！