NuxtJS/Vue 安装后更新页面数据

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，以便在其他地方可用。由于 return 值未在任何地方使用，因此返回到 mounted 内部不会为您提供任何信息。

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

NuxtJS/Vue 安装后更新页面数据

NuxtJS/Vue updating page data after mounte

html

javascript

vue.js