el-input 如何只能输入数字

要使el-input只能输入数字，可以使用以下几种方法：

方法一：使用正则表达式进行过滤。可以在oninput事件中添加以下代码：
oninput="value=value.replace(/[^\d]/g, '')"
这段代码会将输入框中的非数字字符替换为空字符串，从而只允许输入数字。

方法二：使用正则表达式进行过滤，并限制数字范围。可以在oninput事件中添加以下代码：
oninput="if(!/^[0-9]$/.test(value)) value=value.replace(/\D/g,''); if(value>365) value=365; if(value<=0) value=null"
这段代码会首先将非数字字符替换为空字符串，然后限制输入的数字范围为1-365。如果输入的数字大于365，则会自动将其设为365；如果输入的数字小于等于0，则会将其设为null。注意，这段代码还包含了除小数外，第一个数字不能为0的逻辑，即如果输入的数字以0开头且不是小数，则会将开头的0去除。

方法三：使用input事件和自定义方法。可以在el-input组件上添加@input事件并绑定一个自定义的方法，该方法使用正则表达式进行过滤。例如：
<el-input v-model="sjje" class="money sjje" @input="inputChange"></el-input>
在对应的Vue组件中，定义inputChange方法如下：
inputChange(val) {
this.sjje = this.sjje.replace(/[^0-9.]/g, '')
}
这段代码会在输入内容改变时触发inputChange方法，该方法会将非数字字符替换为空字符串，从而只允许输入数字。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [el-input 限制输入框只能输入数字和小数](https://blog.csdn.net/weixin_44171757/article/details/102391297)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [el-input只能输入数字](https://blog.csdn.net/GardJasmin/article/details/127258069)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]