vue的input輸入框限制輸入


舉個例子

        <el-form-item v-show="editable" label="駐粵人數" prop="zyNum">
          <el-input v-model="form.zyNum" v-on:input="form.zyNum=form.zyNum.replace(/[^\d]/g,'')" />
        </el-form-item>

其中能起限制輸入的是:

v-on:input="form.zyNum=form.zyNum.replace(/[^\d]/g,'')" 

vue中input輸入框限制輸入是用v-on:input

replace里面的第一個參數是正則,意思是和正則匹配的輸入會被替換,這里被空字符串替換,這樣在按下非數字鍵的時候,是會被替換,然后輸入框里面的效果就是輸入不了非數字


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM