el-form表单验证0-100数字

您可以在el-form的el-form-item中使用el-input-number组件来实现数字验证，然后通过设置min和max属性来限制数字的范围为0-100。

例如：

<template>
  <el-form ref="form" :model="formData" :rules="formRules">
    <el-form-item label="数字输入" prop="numberInput">
      <el-input-number v-model="formData.numberInput" :min="0" :max="100"></el-input-number>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        numberInput: ''
      },
      formRules: {
        numberInput: [
          { required: true, message: '请输入数字', trigger: 'blur' },
          { type: 'number', message: '请输入数字', trigger: 'blur' },
          { min: 0, max: 100, message: '请输入0-100之间的数字', trigger: 'blur' }
        ]
      }
    }
  }
}
</script>

在上面的示例中，我们通过设置el-input-number组件的min和max属性来限制数字的范围，同时在formRules中设置验证规则，确保用户输入的数字在0-100之间。