NuxtJS / Vue在mounte

Question

我有一个HTTP请求，在安装后调用

mounted: function() {
    return axios.get('/api/user/profile/stats')
        .then((res) => {
            console.log(res)
            return {
                stats: res
            }
        })
        .catch((e) => {
            console.log(e)
        })
}

但是一旦完成，页面就不会更新

<h2 class="text-green" v-if="stats" data-plugin="counterup">{{stats.ident}}</h2>

如果请求成功，我怎样才能重新加载数据

Answer 1

要修改组件数据，您需要分配给this.stats，以便在其他地方可用。在装载的内部返回并不能为您提供任何东西，因为返回值不会在任何地方使用。

如果您在浏览器中使用Vue devtools，则在检查组件数据时也很容易看到，stats属性实际上没有更改。