在nuxt.js中导入GraphQL文件。
P粉754473468
P粉754473468 2023-07-28 10:59:10
[Vue.js讨论组]
<p>所以我正在导入由postgraphile生成的模式,但它没有正确加载。</p><p>这是输出的类型:</p><p><br /></p> <pre class="brush:php;toolbar:false;">definitions: Array(44) [ {…}, {…}, {…}, … ] kind: "Document" loc: Object { start: 0, end: 26188, source: {…} }</pre> <p>我尝试了各种代码变化来加载我的查询allUsers。</p> <pre class="brush:php;toolbar:false;">&lt;script setup&gt; import Schema from '@/graphql/schema.gql' console.log('Query', Schema.valueOf('allUsers')) const { data } = await useAsyncQuery(Query) &lt;/script&gt;</pre> <p><br /></p>
P粉754473468
P粉754473468

全部回复(1)
P粉807471604

valueOf方法不适用于此目的。GraphQL模式文档无法通过键值对访问方法直接访问其查询、变异或订阅。、

首先,请确保您已在项目中安装了graphql-tag包:

npm install graphql-ta

在schema.gql中定义您的查询:


query AllUsers {
  allUsers {
    nodes {
      id
      name
      # other fields...
    }
  }
}

在组件中导入并使用AllUsers查询:

<script setup>
import { useQuery } from "@vue/apollo-composable";
import { loader } from "graphql.macro";

const Schema = loader('@/graphql/schema.gql');

const { result } = useQuery({
  query: Schema.AllUsers
});

// Here, 'result' will contain your fetched data when available.
</script>

希望有用

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号