如何在 Vue.js 组件中的 mounted
事件上触发 Apollo GraphQL 查询。
这是我的代码的样子:
<template>
</template>
<script>
import gql from 'graphql-tag';
const myQuery = gql`
query someQuery {
books{
id
}
}`
export default {
data: () => ({
books: []
}),
apollo: {
books: {
query: myQuery,
},
},
mounted () {
// run the appollo query here as well ?
}
};
</script>
查询在组件的第一次加载时运行良好,但如何让它在各种事件中运行?
最佳答案
this.$apollo.queries.books.refetch();
如果您有变量并且需要在每次调用时更新它们,请将它们作为方法 refetch 的参数传递:
this.$apollo.queries.books.refetch(variables);
关于javascript - 如何在 Vue 组件事件中触发 Apollo 查询?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42853420/