el-form-item 监听值的变化
时间: 2023-11-05 17:17:38 浏览: 238
要监听 `el-form-item` 的值的变化,可以使用 `watch` 属性或者自定义事件。
1. 使用 `watch` 属性:
```html
<template>
<el-form>
<el-form-item label="Input">
<el-input v-model="inputValue"></el-input>
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
inputValue: ''
};
},
watch: {
inputValue(newVal) {
console.log('Input value changed:', newVal);
// 在这里处理值的变化
}
}
};
</script>
```
2. 使用自定义事件:
```html
<template>
<el-form>
<el-form-item label="Input">
<el-input v-model="inputValue" @change="handleInputChange"></el-input>
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
inputValue: ''
};
},
methods: {
handleInputChange(newVal) {
console.log('Input value changed:', newVal);
// 在这里处理值的变化
}
}
};
</script>
```
无论哪种方式,当 `el-input` 的值发生变化时,就会触发相应的回调函数或方法来处理值的变化。你可以根据需求选择其中一种方式来监听 `el-form-item` 值的变化。
阅读全文