小編給大家分享一下vue.js中設置輸入框長度的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)成都企業(yè)網(wǎng)站建設服務，提供成都網(wǎng)站建設、網(wǎng)站建設網(wǎng)站開發(fā),網(wǎng)站定制,建網(wǎng)站,網(wǎng)站搭建,網(wǎng)站設計,自適應網(wǎng)站建設,網(wǎng)頁設計師打造企業(yè)風格網(wǎng)站,提供周到的售前咨詢和貼心的售后服務。歡迎咨詢做網(wǎng)站需要多少錢:18982081108

vue.js設置輸入框長度的方法：使用vue控制input輸入長度和獲取輸入內(nèi)容的長度，代碼為【<input type="number" oninput="if(value.length >11)value = value.slice】。

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

今天在開發(fā)登錄頁時，需要設置登錄輸入框的長度，輸入類型為number

<input type="number" maxlength="11" placeholder="請輸入手機號">

發(fā)現(xiàn)在這樣寫時，輸入長度限制并沒有生效，經(jīng)過測試發(fā)現(xiàn)在type為number或者text時，設置maxlength參數(shù)并不會生效。

vue控制input輸入長度和獲取輸入內(nèi)容的長度

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

看完了這篇文章，相信你對vue.js中設置輸入框長度的方法有了一定的了解，想了解更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

本文題目：vue.js中設置輸入框長度的方法-創(chuàng)新互聯(lián)
鏈接URL：http://chinadenli.net/article0/iodio.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設、網(wǎng)站收錄、企業(yè)建站、網(wǎng)站設計、響應式網(wǎng)站、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)