我有以下vue2代码
methods: {
open: function(conversation){
conversation.loading = true;
this.$set(this, 'activeConversation', conversation);
this.$http.get('/conversation/messages', {
params: {
conversationId: conversation.id
}
}).then((response) => {
// this.$set(this.activeConversation, 'messages', response.data); // this was the first try
this.activeConversation.messages.push(response.data[0]); // this is the second try
})
}
}
当我更改activeConversation时,模板会对第一个$ set做出反应。但是,当我更改activeConversation的messages属性时,没有任何反应。 我看到了vue devtools的变化,但DOM中没有任何变化。
没有任何改变,我的意思是activeConversation.messages"中的v-for ="消息。没有呈现任何东西。 {{activeConversation}}
也不是 数据中的我有activeConversation:null。作为对话,我传递了一个带有id,sender,messages的对象