Skip to content

通过props绑定数据到子组件,视图不会自动更新 #2944

@yeomanyang

Description

@yeomanyang

我通过v-bind绑定了一个对象到子组件,也就是以下的psychologist-list,并且在子组件的props也声明了
users。users通过restapi获取,并绑定到vm.$data上。但是这时候子视图并没有更新视图。但是
当我在父组件中用v-if去切换这个子组件的显示与否的时候,这个子组件就被渲染出来了。
这让我想到angualr1.x中的$scope.$apply(),手动去作脏检查来更新视图。但是我了解Vue是通过setter
和getter的方式来实现视图更新的,但是我在api文档中也没有找到合适的方式来解决我碰到的这个问
题。

附上代码片段:
父组件:{
html:

js:
ready: function() {
var self = this;
UserService.psychologistsFollowedByUser(self.$route.params.userId, function(result) {
self.users = result.data;
}, function(error) {

});

}
}

子组件:{
html:
js: props: {
users:[]
}
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions