0

我有一个包含“模态”和“标题”的“仪表板”组件。

我的模态 Vue 组件有一个“updateTeam”方法：

updateTeam: function() {

   Spark.put(`/settings/${Spark.pluralTeamString}/${this.team.id}/name`, this.form)
       .then(() => {
           Bus.$emit('updateTeamData');
       });
}

我想要的是传递到我的“标题组件”中的数据进行更新。

我目前的尝试是在我的主要“仪表板”组件中：

// methods()
getTeam() {
    axios.get(`/${Spark.pluralTeamString}/${this.team.id}`)
        .then(response => {
            this.team = response.data;
        });
}

// mounted()
Bus.$on('updateTeamData', function () {
    $this.getTeam();
});

我 Bus.$emit 将能够触发父组件中的方法，然后更新传递给头组件的道具。当前代码没有任何反应。

Header组件用于dashboard组件的template标签中：

<team-admin-header :team="team"></team-admin-header>
4

0 回答 0