Vue没有对数据变化做出反应

时间:2017-04-03 10:07:44

标签: vue.js vuejs2

我有以下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的对象

0 个答案:

没有答案