使用vue自定義指令限制input輸入內容為正整數


頁面:

<input v-model="xxx" v-focus/>

方法:

directives: {
    // 注冊一個局部的自定義指令 v-focus
    focus: {
      // 指令的定義
      inserted: function(el, validateStr) {
        el.addEventListener("input", function() {
          //進行驗證
          checkedfun(el);
        });
        function checkedfun(el) {
          let reg = new RegExp("^[0-9]*$");
          if (!reg.test(el.value)) {
            el.value = el.value.replace(/[^0-9]+/g, "");
            el.dispatchEvent(new Event("input"));//調用input事件使vue v-model綁定更新
          }
        }
      }
    }
  }


免責聲明!

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



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