el-input只能输入数字隐藏后面加减符号
时间: 2023-10-09 14:05:29 浏览: 190
回答: 如果你想在el-input中只能输入数字并隐藏后面的加减符号,你可以使用以下代码:`<el-input v-model.number="val" type="tel" min="0" max="102400" @input="val = String(val).replace(/\[^\d\]/g,'')" />` \[2\] 这段代码中,我们使用了`v-model.number`来确保输入的值是一个数字,并使用`type="tel"`来指定输入类型为电话号码。然后,我们使用`@input`事件来监听输入事件,并通过正则表达式`/\[^\d\]/g`将非数字字符替换为空字符串,从而隐藏了加减符号。
#### 引用[.reference_title]
- *1* *2* [vue项目中,el-input type=“number“可以输入字母e . -的问题解决](https://blog.csdn.net/ZaynahLy/article/details/101293123)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [Element-UI el-input组件type=“number“的样式修改](https://blog.csdn.net/yuan_jlj/article/details/125786852)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文