watch如何嵌套判断多个v-model绑定的毫无关系,完全不同的属性
时间: 2024-03-27 21:39:10 浏览: 55
vue中动态绑定表单元素的属性方法
如果需要在 `watch` 中嵌套判断多个没有关系的 `v-model` 绑定的属性,可以直接在 `watch` 选项中定义多个属性的监听器,分别进行处理。例如:
```vue
<template>
<div>
<input v-model="username">
<input v-model="password">
<input v-model="email">
</div>
</template>
<script>
export default {
data() {
return {
username: '',
password: '',
email: ''
}
},
watch: {
username(newVal, oldVal) {
console.log('username changed')
},
password(newVal, oldVal) {
console.log('password changed')
},
email(newVal, oldVal) {
console.log('email changed')
}
}
}
</script>
```
在上面的代码中,我们分别定义了 `username`、`password` 和 `email` 三个属性的监听器,分别进行处理。每当对应的输入框的值发生变化时,相应的监听器都会被触发。这样就可以在 `watch` 中嵌套判断多个没有关系的 `v-model` 绑定的属性了。
阅读全文