正则输入框保留两位小数vue

在Vue中，你可以使用正则表达式和事件处理来限制输入框保留两位小数。你可以在输入框的`input`事件中使用`RegExp`对象对输入进行验证和格式化。

首先，你可以在你的Vue组件中定义一个`data`属性来存储输入框的值，例如`inputValue`。然后，在输入框上绑定`@input`事件来监听输入变化，如下所示：

<template>
  <div>
    <input type="text" v-model="inputValue" @input="formatInput">
  </div>
</template>

接下来，你可以在Vue组件的`methods`中定义`formatInput`方法来对输入进行验证和格式化。在`formatInput`方法中，你可以使用正则表达式来验证输入是否符合要求，并将其格式化为保留两位小数，如下所示：

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    formatInput() {
      // 使用正则表达式验证输入是否为数字，并保留两位小数
      this.inputValue = this.inputValue.replace(/[^\d.]/g, ''); // 去除非数字和小数点字符
      this.inputValue = this.inputValue.replace(/^\./g, ''); // 去除开头的小数点
      this.inputValue = this.inputValue.replace(/\.{2,}/g, '.'); // 只保留一个小数点
      this.inputValue = this.inputValue.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.'); // 只保留第一个小数点
      this.inputValue = this.inputValue.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); // 保留两位小数
    }
  }
}
</script>

通过以上代码，输入框将只允许输入数字和小数点，并且格式化后的值将保留两位小数。你可以根据自己的需求对正则表达式和格式化逻辑进行调整。