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。这就是我的解决办法。谢谢。