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

要使用 ElementUI 来判断数字整数和负数，可以结合使用正则表达式来实现。以下是一个示例代码：

<template>
  <div>
    <el-input v-model="number" placeholder="请输入数字" :pattern="numberPattern"></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      number: '',
      numberPattern: /^-?\d+$/
    }
  }
}
</script>

在上面的代码中，我们使用了一个正则表达式 `/^-?\d+$/` 来匹配数字整数和负数。这个正则表达式可以分解为：

- `^` 表示开头
- `-?` 表示有一个可选的负号
- `\d+` 表示一个或多个数字
- `$` 表示结尾

因此，这个正则表达式可以匹配以下字符串：

- `123`
- `-456`
- `0`
- `-7890`

但是不能匹配以下字符串：

- `12.34`（带有小数点）
- `1e5`（科学计数法）
- `abc`（非数字字符串）

在 ElementUI 的 `<el-input>` 组件中，我们可以使用 `:pattern` 属性来指定正则表达式，从而实现输入框内容的格式校验。在上面的代码中，我们将 `numberPattern` 变量绑定到了 `<el-input>` 组件的 `:pattern` 属性上，这样就可以限制用户只能输入数字整数和负数了。