@change在值发生变更后,没有触发 handleIFANoChange 方法
时间: 2023-12-31 15:07:16 浏览: 69
`@change` 事件是在表单元素的值发生改变并且失去焦点后触发的事件,因此可能不会在每次值发生变更时都触发。如果你希望在每次值发生变更时都触发方法,可以考虑使用 `@input` 事件。示例代码如下:
```
<template>
<div>
<input type="text" v-model="inputValue" @input="handleIFANoChange" />
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
handleIFANoChange() {
console.log('input value changed:', this.inputValue)
}
}
}
</script>
```
在上述示例中,我们使用 `v-model` 指令将输入框的值绑定到 `inputValue` 数据属性上,然后在输入框上监听 `@input` 事件,当输入框的值发生变更时,会触发 `handleIFANoChange` 方法,并打印出当前输入框的值。
阅读全文