queryForm: { mfgArea: "", state: "", eqpType: "", eqpId: "", controlMode: "", capability: "", comment: "" },vue3监听queryForm,除了eqpId之外的其他属性改变,清空eqpId的值
时间: 2023-07-21 11:06:52 浏览: 160
您可以使用Vue 3的watch API来监听queryForm对象的属性变化,并在除了eqpId之外的其他属性改变时清空eqpId的值。下面是一个示例代码:
```javascript
import { watch } from 'vue';
// 在Vue组件中定义queryForm对象和watch监听
export default {
data() {
return {
queryForm: {
mfgArea: "",
state: "",
eqpType: "",
eqpId: "",
controlMode: "",
capability: "",
comment: ""
}
};
},
created() {
// 使用watch监听queryForm对象的属性变化
watch(this.queryForm, (newVal, oldVal) => {
// 排除eqpId属性的变化
if (newVal.eqpId !== oldVal.eqpId) {
return;
}
// 清空eqpId的值
this.queryForm.eqpId = "";
}, { deep: true });
}
};
```
通过以上代码,您可以在除了eqpId之外的其他属性改变时清空eqpId的值。请注意,通过设置`{ deep: true }`选项,可以深度监听属性的变化。
阅读全文