首页es6 el-input限制只能输入数字和小数

es6 el-input限制只能输入数字和小数

时间: 2023-09-28 18:14:16 浏览: 150

你可以使用正则表达式来限制只能输入数字和小数。在el-input的input事件监听中，可以通过正则表达式将非数字和非小数的字符替换为空字符串。以下是一个示例代码： ```html <template> <el-input v-model="inputValue" @input="handleInput"></el-input> </template> <script> export default { data() { return { inputValue: '' }; }, methods: { handleInput(event) { // 使用正则表达式替换非数字和非小数字符为空字符串 this.inputValue = event.target.value.replace(/[^0-9.]/g, ''); } } }; </script> ``` 在上述示例中，@input事件会触发handleInput方法，该方法会将输入框中的值通过正则表达式替换处理，只保留数字和小数点。

阅读全文