vue项目禁止input输入小数点

<van-fieldv-model="inputPirce"input-align='right'type='tel'maxlength='10':disabled="type===1"@input="pirceInput"/>pirceInput () {let str = '' + this.inputPirce...

胜天一子半

3856人浏览 · 2019-07-10 11:31:16

胜天一子半 · 2019-07-10 11:31:16 发布

<van-field
  v-model="inputPirce"
  input-align='right'
  type='tel'
  maxlength='10'
  :disabled="type===1"
  @input="pirceInput"
 />

pirceInput () {
      let str = '' + this.inputPirce
      if (str.indexOf('.') !== -1) {
        let arr = str.split('')
        arr.splice(arr.length - 1)
        let str2 = arr.join('')
        this.inputPirce = +str2
      }
    }

在输入的事件相应里进行一下拦截处理就行了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^