方法一：添加正则校验

缺点：需要根据需要变更正则表达式

<template>
  <el-form ref="formRef" :model="formData" label-width="80px" size="mini">
    <el-form-item
      label="数字"
      prop="num"
      :rules="[
        {
          pattern: /^[1-9]\d*$/,
          message: '请输入大于0的整数！',
          trigger: 'change',
        },
      ]"
    >
      <el-input
        clearable
        placeholder="请输入大于0的整数！"
        v-model="formData.num"
        style="width: 200px"
      ></el-input>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {},
    };
  },
};
</script>

方法二：使用 el-input-number

缺点：输入超出最大和最小值的数据时，会自动更正为最大和最小值，用户容易产生误解，以为是bug。

<!-- 只能输入0-100的整数的数字输入框 -->
    <el-input-number
      :controls="false"
      v-model="num"
      :min="0"
      :max="100"
      :precision="0"
    ></el-input-number>

    <!-- 只能输入-100到100的两位小数的数字输入框 -->
    <el-input-number
      :controls="false"
      v-model="num2"
      :min="-100"
      :max="100"
      :precision="2"
    ></el-input-number>

若想实现更多功能，可以参考：
《Element UI 源码改造 —— 自定义数字输入框的实现》
https://blog.csdn.net/weixin_41192489/article/details/116748305