el-input仅允许输入正整数 最大为127 且input为必填 该如何配置

要在 Vue.js 中使用 Element UI 的 `el-input` 组件限制用户只能输入正整数，并且最大值为127，同时保证输入框为必填项，你可以通过绑定 `v-model`、设置 `type` 和 `max` 属性以及利用 `required` 属性来实现。以下是具体的配置步骤：

1. 首先，在你的 Vue 模板上引入 `el-input` 组件：

<template>
  <div>
    <el-form-item label="正整数输入" prop="integerInput">
      <el-input v-model.number="integerValue" :max="127" type="number" placeholder="请输入正整数(0-127)" required></el-input>
    </el-form-item>
  </div>
</template>

2. 在对应的 Vue 实例中，定义数据属性 `integerValue` 来保存用户的输入，并初始化它：

<script setup>
import { ref } from 'vue';

const integerValue = ref(0); // 初始化值可以为空，但为了演示，这里设为0
</script>

3. 如果需要处理用户输入时的验证，可以在 `watch` 或者自定义事件处理器里添加检查逻辑：

<script setup>
import { watch } from 'vue';

// 监听输入值的变化
watch(
  () => integerValue.value,
  (value) => {
    if (!Number.isInteger(value) || value < 0 || value > 127) {
      integerValue.value = 0; // 将值重置为0或抛出错误提示
    }
  },
  { immediate: true } // 在初始赋值时立即检查
);
</script>

这样，当用户尝试输入不符合条件的值时，`integerValue` 的值会被自动清空。同时，由于 `required` 属性，输入框会强制用户填写内容。