vue input只能输入正数

Vue在处理input输入框的限制时，通过使用v-model和input事件结合使用可以实现只允许输入正数的需求。

首先，需要在对应的输入框中设置v-model的绑定值，在这个值的基础上进行限制。例如，可以将v-model绑定到data中的一个变量：

<input v-model="inputValue" @input="handleInput"/>

<script>
export default {
  data() {
    return {
      inputValue: '',
    };
  },
  methods: {
    handleInput(event) {
      // 限制只允许输入数字和小数点
      const inputValue = event.target.value.replace(/[^\d.]/g, '');
      // 判断是否大于0，同时保留小数点后两位
      this.inputValue = parseInt(inputValue) > 0 ? parseFloat(inputValue).toFixed(2) : '';
    },
  },
}
</script>

在handleInput方法中，首先将输入的字符串中非数字和小数点的字符过滤掉，然后判断过滤后的结果是否大于0，如果大于0则保留小数点后两位，如果小于等于0则清空输入框。

通过这种代码逻辑，即可实现Vue input只能输入正数的功能。