el-input 校验输入数字保留两位小数

最新推荐文章于 2024-05-09 11:31:54 发布

kurcp

最新推荐文章于 2024-05-09 11:31:54 发布

阅读量588

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/m0_59570698/article/details/133946023

版权


<el-form :model="form" ref="form">
    <el-form-item label="规格:" prop="assemblyWeight">  
      <el-input v-model.number="form.assemblyWeight" clearable :style="{ width: '80%' }"             
        :disabled="isDetail" @input="limitInput($event,'assemblyWeight')">
        </el-input>
    </el-form-item>
</el-form>

methods: {
 limitInput(value, name) {
   this.form[name] =
      ("" + value) // 第一步：转成字符串
     .replace(/[^\d^\.]+/g, "") // 第二步：把不是数字，不是小数点的过滤掉
     .replace(/^0+(\d)/, "$1") // 第三步：第一位0开头，0后面为数字，则过滤掉，取后面的数字
     .replace(/^\./, "0.") // 第四步：如果输入的第一位为小数点，则替换成 0. 实现自动补全
     .match(/^\d*(\.?\d{0,2})/g)[0] || null; // 第五步：最终匹配得到结果 以数字开头，只有一个小 
      数点，而且小数点后面只能有0到2位小数
 },
}