如何限制文本字段只能输入小数位数？

<input type="number" step="0.01">

<input type="text" oninput="validateDecimal(this)">
<script>
function validateDecimal(input) {
  const regex = /^\d+(\.\d{0,2})?$/; // 只允许输入最多两位小数的正则表达式
  if (!regex.test(input.value)) {
    input.value = input.value.slice(0, -1); // 删除最后一个字符
  }
}
</script>

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

<script>
export default {
  data() {
    return {
      value: ''
    };
  },
  methods: {
    validateDecimal() {
      const regex = /^\d+(\.\d{0,2})?$/; // 只允许输入最多两位小数的正则表达式
      if (!regex.test(this.value)) {
        this.value = this.value.slice(0, -1); // 删除最后一个字符
      }
    }
  }
};
</script>