vue input里的数字保留两位小数

木毅01

于 2025-05-19 15:33:36 发布

阅读量306

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue js 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_27806371/article/details/148064725

vue 同时被 2 个专栏收录

53 篇文章

订阅专栏

29 篇文章

订阅专栏

<el-form-item label="充值金额">
          <el-input
            type="number"
            v-model="form.amount"
            placeholder="必填（限额10w美金）"
            class="mobile-input"
            :max="100000"
            @input="handleInput"
          ></el-input>
        </el-form-item>

handleInput() {
      // 限制最多两位小数
      let value = this.form.amount;
      
      // 替换非法字符
      value = value.replace(/[^\d.]/g, ''); // 只保留数字和小数点

      // 限制只能有一个小数点
      if (value.indexOf('.') !== -1) {
        value = value.replace(/\.+$/, ''); // 只保留一个小数点
      }

      // 限制最多两位小数
      const parts = value.split('.');
      if (parts.length > 1 && parts[1].length > 2) {
        value = `${parts[0]}.${parts[1].substring(0, 2)}`;
      }

      // 限制最大值为100000
      if (parseFloat(value) > 100000) {
        value = '100000';
      }

      this.form.amount = value > 0 ? value - 0 : '';
    },