el-input-number与el-input限制输入小数点后两位_el-input-number控制输入规则

el-input-number第一种方法：

          <!-- 新增平台分成比例 -->
          <el-form-item label="平台分成比例 :" prop="ratio" v-if="tabIndex == 1">
            <el-input-number
            @input.native="changeInput($event)"
            v-model="tagForm.ratio" 
            :min="0" 
            :max="100" 
            label="平台分成比例 :"
            >
            {{tagForm.ratio}}
          </el-input-number>
          <span style="margin-left: 10px">%</span>
          </el-form-item>

            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-number加属性:precision='2'  代表精确到小数点后两位 。:step='0.1' 代表每次增加0.1 

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

el-input第一种方法：

<el-input @keydown.native="handleInput"</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] : ''"