Javascript VueJS-自动将子组件中的父对象与发射绑定,为什么?
很难说出这种情况。但我会努力的 我有一个子组件。此组件将使用Javascript VueJS-自动将子组件中的父对象与发射绑定,为什么?,javascript,vuejs2,vue-component,javascript-objects,emit,Javascript,Vuejs2,Vue Component,Javascript Objects,Emit,很难说出这种情况。但我会努力的 我有一个子组件。此组件将使用$emit this.$emit(“获取条件”,this.sendData) 这是在$emit中发送的sendData结构。此数据结构与表单元素中的v-model指令绑定 sendData: { selectedValue: null, cond: null, inTime: null, operand: null, inTim
$emit
this.$emit(“获取条件”,this.sendData)代码>
这是在$emit
中发送的sendData结构。此数据结构与表单元素中的v-model指令绑定
sendData: {
selectedValue: null,
cond: null,
inTime: null,
operand: null,
inTimeValue: null,
compareValue: null
}
在parent中,我有一个空对象,并将数据分配到该对象中
setCondition(obj) {
this.$set(this.mockConditions, this.mockKey++ , obj);
},
在那之后,我在父对象中有一个这样的对象。我的意思是我把数据从孩子传给父母。现在没事了
0: Object {
compareValue:"25"
cond:"Average"
inTime:null
inTimeValue:"23"
operand:null
selectedValue:"Flow"
}
此时,子窗体将与父对象绑定。如果打开子窗体并为窗体元素输入一些新值,则它将在父对象中受创建的$emit
事件的影响
如何在$emit
事件后将它们分开?传递给setCondition
方法的obj
参数是对sendData
属性的引用。要解除该引用的绑定,可以在发射对象之前克隆该对象:
this.$emit("get-condition", JSON.parse(JSON.stringify(this.sendData)));
传递给setCondition
方法的obj
参数是对sendData
属性的引用。要解除该引用的绑定,可以在发射对象之前克隆该对象:
this.$emit("get-condition", JSON.parse(JSON.stringify(this.sendData)));
是的,它引用了sendData。这就是我的解决办法。非常感谢。是的,它引用了sendData。这就是我的解决办法。谢谢。