element输入框只能输入数字和小数点
时间: 2023-12-20 20:52:50 浏览: 69
input框只能输入数字和一个小数点
3星 · 编辑精心推荐
可以通过监听输入事件,在输入内容发生变化时判断输入的字符是否为数字或小数点,如果不是就阻止输入。以下是一个示例代码:
```html
<template>
<div>
<el-input v-model="value" @input="handleInput"></el-input>
</div>
</template>
<script>
export default {
data() {
return {
value: ''
}
},
methods: {
handleInput(event) {
const { value } = event.target
const reg = /^[0-9.]*$/
if (!reg.test(value)) {
event.preventDefault()
} else {
this.value = value
}
}
}
}
</script>
```
在上面的代码中,我们使用了正则表达式 `/^[0-9.]*$/` 来判断输入的字符是否为数字或小数点,如果不是,就调用 `event.preventDefault()` 方法来阻止输入。否则,将输入的值赋值给 `value` 属性。
阅读全文