el-input 입력 상자는 0과 양의 정수만 입력하도록 제한됩니다.

여기서 @input을 사용하여 입력 값이 변경되는 한 트리거되는 이벤트를 모니터링합니다.
@input: 일반적으로 입력 값이 변경되는 한 이벤트를 모니터링하는 데 사용되며 입력이 트리거됩니다.

<el-input class="myInputCss" v-model="inputValueYa" @input="regvalue(inputValueYa)"
</el-input>
    regvalue(num) {
    
    
      console.log('num >>', num);
      var str = num;
      var len1 = str.substr(0, 1);
      var len2 = str.substr(1, 1);
      //1.如果第一位是0,后面输入任何数字都直接代替
      if (str.length > 1 && len1 == 0) {
    
    
        str = str.substr(1, 1);
      }
      //2.第一位不能是.
      if (len1 == ".") {
    
    
        str = "";
      }
      //3.最后进行正则替换,去掉所有的小数位
      str = str.replace(/[^\d^]+/g, ""); // 保留数字和小数点
      this.inputValueYa = str
      return str;
    },

그런데:

οninput="value=value.replace(/\D/g, '').replace(/^0{1,}/g, ​​'')" //모든 양의 정수 확인 οninput="value = value
. replace(/[^\d.]/g,'')”//텍스트 입력 불가, 소수점 제한 없음 (소수점 복수 입력 가능, 완전 불가)

Guess you like

Origin blog.csdn.net/qq_45791799/article/details/129246757