当前位置:网站首页>input输入框只能输入,0-100之间的数组,保留两位小数

input输入框只能输入,0-100之间的数组,保留两位小数

2022-06-22 11:45:00 逆风优雅

通过计算属性,处理一下输入的值(具体写法可以看下面代码的注释)

  computed: {

     techInputData: { // 科技人员input输入框输入的值
        get() {
          var value = this.tableData.scienceStaffNumPer // 将输入框的值赋值给value
          if (Number(value)!==parseFloat(value)) { // 判断输入的是否是数字,如果不是,返回空
            return ''
          }
          if (value < 0) { // 如果输入的值小于0
            return 0;
          } else if (value >= 100) { // 如果输入的值大于等于100
            return 100;
          } else {
            return value.toString().match(/^\d+(?:\.\d{0,2})?/) // 只能输入小数点后两位
          }
        },
        set(val) {
          this.tableData.scienceStaffNumPer = val; // 重新将计算属性处理过的值,赋值给这个input
        },
     },
}

此代码只能,输入0-100之间的数字,其他字符,均无法输入

原网站

版权声明
本文为[逆风优雅]所创,转载请带上原文链接,感谢
https://blog.csdn.net/qq_44603011/article/details/125373459