vue onchange
时间: 2023-07-23 14:15:14 浏览: 49
在Vue中,你可以使用`v-on:change`或简写为`@change`来监听输入框或选择器的变化。这样,当用户在输入框中输入内容或选择器的选项发生变化时,相应的方法将被调用。例如:
```html
<template>
<div>
<input type="text" v-model="inputValue" @change="handleChange">
<select v-model="selectedOption" @change="handleChange">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: '',
selectedOption: ''
};
},
methods: {
handleChange() {
// 在这里处理输入框或选择器的变化
console.log('Value changed');
}
}
};
</script>
```
上述代码中,`@change="handleChange"`表示当输入框或选择器的值发生变化时,会调用名为`handleChange`的方法。你可以根据自己的需求在`handleChange`方法中进行相应的处理逻辑。