限制输入框 只能输入 数字

在项目中 很多地方都会遇到输入框只能输入 数字 不能输入其他的，提供几种方式供小伙伴选择

后续会持续更新

方法1：

 <el-input v-model="modelValue"
                oninput="value=value.replace(/[^0-9.]/g,'')"></el-input>

el-input只能输入数字和小数

1.oninput =“value=value.replace(/[^\d]/g,’’)” //只能输入数字
2.oninput =“value=value.replace(/[^0-9.]/g,’’)” //只能输入数字和小数
3.@blur="number=$event.target.value"//解决获取不到值的问题

 

 <el-input v-model="number"
                    @blur="number=$event.target.value"
                    oninput="value=value.replace(/[^0-9.]/g,'')">
          </el-input>

<el-input
              v-model="ruleForm_newOrder.cost"
              style="width:200px"
              onkeyup="value=value.replace(/[^0-9.]/g,'')"
              placeholder="请输入检测费用"
            >
              <i slot="suffix" class="iconfont icon-renminbi" />
            </el-input>