vue element實時校驗輸入框

<div id="app">
    <el-input v-model="inputVal" placeholder="請輸入內容"></el-input>
  </div>
  <script>
    var app = new Vue({
      el: '#app',
      data: {
        inputVal: '123'
      },
      watch: {
        inputVal(curVal, oldVal) {
          if (!curVal) {
            this.inputVal = ''
            return false
          }
          // 實時把非數字的輸入過濾掉
          this.inputVal = curVal.match(/\d/ig) ? curVal.match(/\d/ig).join('') : ''
        }
      }
    })
  </script>

 

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