输入框输入值时，长度限制不生效 <el-input v-model="apiNums" type="number" :max="10000000" :disabled="isView" placeholder="请输入端口数量" maxlength="8" />

`maxlength` 属性用于设置输入框的最大长度，它只对 `type="text"` 或者 `type="password"` 的文本框有效，对于 `type="number"` 的数字输入框是无效的。要限制数字输入框的最大值，可以使用 `max` 属性。但是你的代码中已经使用了 `max` 属性，所以只需要删除 `maxlength="8"` 即可，输入框的最大值将被限制为 10000000。

相关问题

输入框输入值时，最大值限制不生效 <el-input v-model="apiNums" type="number" :max="10000000" :disabled="isView" placeholder="请输入端口数量" />

请检查以下几个可能的原因：

1. 确保你的 `apiNums` 是一个数字类型的变量，如果不是数字类型，那么无论你怎么设置 `max` 的值都不会生效。

2. 确保你的 Element UI 版本是 2.x 版本，因为在 1.x 版本中 `max` 属性并不支持。

3. 确保你的浏览器支持 HTML5 中的 `number` 类型输入框，并且支持 `max` 属性。

如果以上三个原因都没有问题，那么你可以尝试使用 JavaScript 来手动限制输入框的值：

<el-input v-model="apiNums" type="number" :disabled="isView" placeholder="请输入端口数量" @input="handleInput" />

...

methods: {
  handleInput() {
    if (this.apiNums > 10000000) {
      this.apiNums = 10000000;
    }
  }
}

这样就可以在输入框的 `input` 事件中手动限制输入的最大值了。

<el-input-number v-model="value" :readonly="true"></el-input-number>无法变成只读模式

你可以添加 `disabled` 属性来禁用输入框，并将 `readonly` 属性设置为 `true` 来防止用户通过键盘输入：

<el-input-number v-model="value" disabled :readonly="true"></el-input-number>

这样用户就无法通过键盘或鼠标操作改变输入框的值，但是仍然可以通过 JavaScript 代码来更新 `value` 的值。如果你想完全禁用该输入框，可以将其包装在一个 `<div>` 中并将 `disabled` 属性设置为该 `<div>`，如下所示：

<div disabled>
  <el-input-number v-model="value" :readonly="true"></el-input-number>
</div>

这样用户无法通过任何方式改变输入框的值。