input输入框只能输入小数和整数，并且小数只保留小数点后两位

原创于 2024-01-10 10:38:46 发布 · 1.1k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #html

本文介绍了一个使用Vue.js编写的简单组件，展示了如何在用户输入时，通过正则表达式对数值进行格式化，仅保留小数点后两位或整数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <div>
    <input type="text" v-model="value" @input="inputFn" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: "",
    };
  },
  methods: {
    inputFn() {
     this.value = this.value
        .replace(/[^/0-9.]/g, "")
        .replace(/(\.d+)\.+/g, "$1")
        .replace(/(\..*)\./g, "$1")
        .match(/^\d*(\.?\d{0,2})/g)[0] || "";
    },
  },
};
</script>

<style>
</style>