apolloオプション内でパスパラメーターを取得する
variables()
とprefetch
の両方でparamsに関する処理を書かなければ動かない。これは自分のNuxtやapolloに対する不理解が原因でもあると思うが、違和感がハンパない。
<template> <themecontent :research-theme="researchTheme" /> </template> <script> import ThemeContent from '@/components/atoms/ThemeContent' import gql from 'graphql-tag' export default { components: { 'themecontent': ThemeContent }, data() { return { researchTheme: {} } }, apollo: { researchTheme: { prefetch: ({ route }) => { return { name: route.params.name } }, variables() { return { name: this.$route.params.name } }, query: gql` query researchTheme($name: String!) { researchTheme(name: $name) { name content thumbnail_url title } } ` } }, methods: {} } </script>