el-input 限制只能输入负值
时间: 2023-07-04 18:16:16 浏览: 93
INPUT输入限制
您可以使用 `oninput` 事件来实现限制只能输入负值的功能。具体实现方法如下:
```
<template>
<div>
<el-input v-model="value" @input="handleInput"></el-input>
</div>
</template>
<script>
export default {
data() {
return {
value: ''
}
},
methods: {
handleInput(e) {
const inputValue = e.target.value
if (inputValue !== '' && inputValue !== '-') {
// 如果输入的值不为空且不为负号,则将输入的值替换成负号
e.target.value = '-' + inputValue.replace(/[^0-9]/g, '')
}
}
}
}
</script>
```
在 `handleInput` 方法中,首先获取输入框中的值 `inputValue`,然后判断输入框中的值是否为空或是否为负号。如果输入的值不为空且不为负号,则将输入的值替换成负号加上输入的数字,并且去掉非数字字符。最后将处理后的值赋给输入框。这样就能实现限制只能输入负值的功能了。
阅读全文