vue 设置输入框只能输入数字且只能输入小数点后两位，并且不能输入减号

在Vue中，您可以使用v-model.number来确保输入框中的值被转换为数值类型，并使用事件修饰符@input来实现只能输入数字和小数点后两位的逻辑。以下是一个简单的例子：

<template>
  <div>
    <input
      type="text"
      v-model.number="numericValue"
      @input="validateInput"
      placeholder="请输入数字"
    />
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      numericValue: 0,
    };
  },
  methods: {
    validateInput(event) {
      // 使用正则表达式来限制只能输入数字和小数点，并且小数点后最多两位
      const regex = /^[0-9]*(\.[0-9]{1,2})?$/;
      const input = event.target.value;
      // 如果输入值不符合正则表达式，则将numericValue重置为上一个有效值
      if (!regex.test(input) && input !== "") {
        this.numericValue = this.numericValue.toString().replace(/\..*$/, "");
      }
    },
  },
};
</script>

在这个例子中，v-model.number确保了输入框中的值被转换为数字，validateInput方法用于处理输入事件，并检查输入值是否符合正则表达式。如果输入值不合法，则将输入框的值重置为上次的有效值。注意，这里没有处理减号的输入，因为问题中已经指出不允许输入减号。如果需要加入减号的功能，可以修改正则表达式来允许减号，并在方法中加入对减号的判断。