vue.js - 数据达不到怎么办?
问题描述
我index.vue
在这个页面上有一个页面我有以下代码
<nuxt-link :to="'/user/'+userid">Go to user</nuxt-link>
我们去用户到页面user/_id.vue
在此页面上,我正在使用 Graphql 发出请求
export default {
apollo: {
user: {
prefetch: true,
query: user,
variables() {
return {
id: this.$route.params.id
}
}
}
},
}
query user($id: Int) {
user(where: {id: {_eq: $id}}) {
name
}
}
如果您单击此页面上的按钮,则返回给我undefined
mounted() {
console.log(this.users) // return undefined
},
对不起我的英语我该如何解决?
解决方案
您可以尝试通过 fetch 记录您的数据。
export default {
data(){
return {
mydata: [],
query: ''
}
},
fetch() {
console.log(this);
console.log(this.users);
},
}
https://nuxtjs.org/blog/understanding-how-fetch-works-in-nuxt-2-12/
我确信还有另一种方法可以通过在您的 apollo 模块设置中使用 watchLoading/errorHandler 来记录数据/数据更改,但我无法让它发挥作用 - 所以我正在使用 fetch。
推荐阅读
- python - How best to store a Python object for later evaluation?
- vue.js - 我的 Vuex getter 没有自动更新。我该如何调试它?
- routing - Snort inline mode passes packets, but they never reach destination
- visual-studio-code - Visual Studio Code - 将光标跳转到当前选择(查找模式)
- date - 如何将空白日期字段作为默认值分配给 Vue.js 中的 ui-datepicker
- django - Celery 在调用 task.delay() 3-5 次后执行一个任务
- tensorflow - 在 Tensorflow 数据集 api 中:如何使用 padded_batch 以便在不指定焊盘数量的情况下使用特定值的焊盘
- c - Two processes in C reading from the same file problem
- php - Symfony 4.2 update question - Bootstrap.php file unused
- apache-spark - writing corrupt data from kafka / json datasource in spark structured streaming