el-input-number与el-input限制输入小数点后两位

el-input-number第一种方法:el-input-number与el-input限制输入小数点后两位_第1张图片

          
          
            
            {{tagForm.ratio}}
          
          %
          

            changeInput(e) {
            if (e.target.value.indexOf('.') >= 0) {
                e.target.value = e.target.value.substring(0, e.target.value.indexOf('.') + 3);
            }
        },

实现效果:el-input-number与el-input限制输入小数点后两位_第2张图片

el-input-number第二种方法:

还有一种就是给el-input-number加属性:precision='2'  代表精确到小数点后两位 。:step='0.1' 代表每次增加0.1 

但是这对属性的缺点是,自动补零。针对于个别需求来说不适用。

el-input第一种方法:

      handleInput(e) {

        // 通过正则过滤小数点后两位

        e.target.value = (e.target.value.match(/^\d*(\.?\d{0,1})/g)[0]) || null

      },

第二种方法:

这个在el-input里面只能输入小数点后两位

οninput="value= value.match(/\d+(\.\d{0,2})?/) ? value.match(/\d+(\.\d{0,2})?/)[0] : ''"

你可能感兴趣的:(vue.js,elementui,javascript)