vue 正则表达式校验 输入金额只能为大于0或者正数，或者1到2位小数

在Vue.js中，你可以使用`v-model`指令结合自定义的正则表达式验证器来限制输入金额的格式。假设我们只允许输入大于0的数字，最多包含两位小数。可以这样做：

首先，在组件的data里定义一个计算属性来存储正则表达式：

export default {
  data() {
    return {
      regex: /^\d+(\.\d{1,2})?$/ // 正则表达式，匹配整数和最多两位的小数
    };
  }
}

然后，在模板上添加`v-model`和`v-bind:class`来实现动态样式，如果输入不符合规则就显示错误样式：

<input v-model="amount" type="number" placeholder="请输入金额">
<span :class="{ invalid: !regex.test(amount) }"> ({{ regex.test(amount) ? '' : '输入无效' }})</span>

<style>
.invalid {
  border-color: red;
  color: red;
}
</style>

当用户输入的内容不符合正则表达式时，`!regex.test(amount)`会返回true，`invalid`类会被应用，显示红色边框和提示信息。