elementUI，正则表达式判断数字小数和整数，负数，

在 ElementUI 中，可以使用 el-input 组件来进行用户输入的数字校验。而要实现数字、小数、整数和负数的校验，可以借助正则表达式来实现。

下面是示例代码：

<el-input v-model="inputValue" placeholder="请输入数字" :on-change="checkInput"></el-input>

export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    checkInput() {
      const reg = /^(-?\d+)(\.\d+)?$/; // 正则表达式
      if (!reg.test(this.inputValue)) {
        this.$message.error('请输入正确的数字');
        this.inputValue = ''; // 清空输入框
      }
    }
  }
};

解释一下正则表达式的含义：

- `^` 表示匹配字符串的开头
- `(-?\d+)` 表示匹配负号（可选）和数字的一组或多组
- `(\.\d+)?` 表示匹配小数点和数字的一组或多组（可选）
- `$` 表示匹配字符串的结尾

这个正则表达式可以匹配如下格式的数字：

- 整数：1、-1、123、-123 等
- 小数：1.23、-1.23、0.1、-0.1 等
- 负数：-1、-1.23 等

注意，这个正则表达式不能匹配如下格式的字符串：

- "+1" 或 "+1.23"：因为没有考虑加号的情况
- "1." 或 "1.-"：因为小数点和负号不能同时出现
- "0.1.23" 或 "1.."：因为小数点不能出现多次