el-input-number设置上下限

要设置el-input-number的上下限，可以使用max和min属性。引用中的代码给出了一个示例，在el-input-number组件中添加max和min属性，并在numberChange方法中进行限制。具体步骤如下：

1. 在el-input-number组件上添加max和min属性，分别指定上限和下限的值。例如，要设置上限为5，下限为0，可以这样写：<el-input-number max="5" min="0"></el-input-number>。

2. 在numberChange方法中，使用参数val获取输入的值，并将其转换为数字类型。然后使用Math.min函数将输入的值与上限值进行比较，返回较小的值。如果输入的值小于0，则将其设为0。最后，将重新计算后的值赋给this.queryParams.startScore，来更新输入框显示的值。

注意：确保在el-input-number组件上绑定了v-model，这样才能正确地获取和更新输入框中的值。

总结：
要设置el-input-number的上下限，可以使用max和min属性。在numberChange方法中，根据业务需求对输入的值进行限制，并将计算后的值赋给v-model绑定的变量，以更新输入框的显示。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [el-input为number类型做输入长度限制](https://blog.csdn.net/AzeShinja/article/details/121815906)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [el-input 限制最大值最小值（亲测有效）](https://blog.csdn.net/m0_67401935/article/details/123344819)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]