Ошибка Nuxt-ссылки с graphQL (apollo); uncaught TypeError - PullRequest
Новая
       38

Ошибка Nuxt-ссылки с graphQL (apollo); uncaught TypeError

0 голосов
/ 05 мая 2020

Кажется, проблема с моим запросом graphQL, поскольку шаблон отображает, но nuxt-link не работает. Он просто показывает текст catrule.ruleid, но не в формате ссылки.

Шаблон: 

<li v-for="catrule in cat_rulesetCollection">
    <nuxt-link :to="`/cat-rule/` + catrule.ruleid">{{ catrule.ruleid }}</nuxt-link>
</li>

Apollo: 

import gql from 'graphql-tag'
export default {
    apollo: {
        cat_rulesetCollection: gql` {
            cat_rulesetCollection(populate:1) {
                ruleid
                }
            }`
        }
    }

Ошибка: 

Uncaught TypeError: Failed to execute 'observe' on 'IntersectionObserver': parameter 1 is not of type 'Element'.
    at VueComponent.observe (nuxt-link.client.js?4e55:62)

1 Ответ

0 голосов
/ 06 мая 2020

Я не знаю, как работают обратные кавычки внутри двойных кавычек, но я бы сделал что-то вроде этого: 

<nuxt-link :to=`/cat-rule/${catrule.ruleid}`>{{ catrule.ruleid }}</nuxt-link>

Или 

<nuxt-link :to="`/cat-rule/` + {{ catrule.ruleid }} ">{{ catrule.ruleid }}</nuxt-link>
...