el-input 使用 type = number 后 input事件失效
时间: 2023-11-08 21:50:43 浏览: 215
Quasar Input:type=number 去掉上下小箭头 实现加减按钮样式功能
5星 · 资源好评率100%
你好!对于 `<el-input>` 组件,当你将 `type` 属性设置为 `number` 时,确实会导致 `input` 事件失效。这是因为 `input` 事件在输入类型为数字时不会触发。
如果你想要监听输入框中的值变化,可以考虑使用 `change` 事件或者 `keyup` 事件。这两个事件在输入框的值发生改变时会触发。
以下是一个示例代码:
```html
<template>
<el-input
type="number"
v-model="inputValue"
@change="handleChange"
@keyup="handleKeyup"
></el-input>
</template>
<script>
export default {
data() {
return {
inputValue: ''
};
},
methods: {
handleChange(value) {
console.log('输入框的值变化了:', value);
},
handleKeyup(event) {
console.log('按键抬起:', event.target.value);
}
}
};
</script>
```
通过使用 `change` 事件或者 `keyup` 事件,你应该能够监听到输入框的值变化了。希望这能帮到你!如果还有其他问题,请随时提问。
阅读全文