如何解决nuxt.js客户端获取数据
我有一个nuxt.js应用程序,其中使用了fetch()挂钩从API提取数据,如下所示:
async fetch() {
await this.$store.dispatch('articles/getArticlesDetails',this.$route.params.id)
}
并且我想在客户端使用API返回的数据,并尝试将其装入安装,并且在装入中未定义。
还有没有其他有效的方法来获取和使用数据,以便进一步在客户端进行API调用。
解决方法
我假设您的Vuex Action对State数据进行了突变:
store.js
export const state = () => ({
dataFromAPI: []
})
然后,您应该能够从_id.vue
中检索更新后的状态:
export default {
computed: {
apiData() {
return this.$store.state.dataFromAPI
}
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。