Element - ui :el-input 输入只能是数字并且小数点后只能是1-2位

在Element UI中，您可以使用el-input组件结合@input事件来实现只能输入数字且小数点后只能有1-2位的功能。以下是一个简单的实现示例：

<template>
  <el-input v-model="inputValue" @input="handleInput"></el-input>
</template>
 
<script>
export default {
  data() {
    return {
      inputValue: '',
    };
  },
  methods: {
    handleInput(value) {
      // 使用正则表达式来限制输入
      const regex = /^(\d+)?(\.\d{1,2})?$/;
      // 如果输入值不符合正则表达式，则将其设置为上一个合法的值
      if (!regex.test(value)) {
        this.inputValue = this.inputValue.substring(0, value.length - 1);
      }
    },
  },
};
</script>

在这个示例中，handleInput方法会在每次输入时被触发。该方法使用正则表达式/^(\d+)?(\.\d{1,2})?$/来判断输入值是否合法：

• ^ 表示字符串的开始
• (\d+)? 表示一个或多个数字，可有可无
• (\.\d{1,2})? 表示一个点后面跟着一个或两个数字，点和数字可有可无
• $ 表示字符串的结束

如果输入值不符合这个正则表达式，它就会通过substring方法去掉最后一个字符，直到输入值符合正则表达式为止。这样就能确保用户只能输入数字和小数点，且小数点后最多有两位数字。