Получение ошибки при использовании компонента Quasar внутри пользовательского функционального компонента - PullRequest
Новая
       13

Получение ошибки при использовании компонента Quasar внутри пользовательского функционального компонента

0 голосов
/ 07 января 2020

Я использую Quasar 1.6.1 с параметром автозагрузки (он автоматически загружает компоненты квазара, которые я использую, без необходимости их определения). Я написал пользовательский функциональный компонент, который использует <q-tooltip>, но когда я пытаюсь запустить его, я получаю эту ошибку:

Неизвестный пользовательский элемент: - вы правильно зарегистрировали компонент? Для рекурсивных компонентов обязательно укажите опцию «name».

Если я не использую функциональный компонент, он работает. 

<template functional>
  <div class="item q-mb-sm">
    <div class="text-small text-grey-6">{{ props.label }}</div>
    <div v-if="!props.longText">{{ props.text }}</div>
    <div v-else class="row q-gutter-sm">
      <div class="ellipsis col">
        {{ props.text }}
      </div>
      <div class="cursor-pointer">
        <img src="~assets/copy.svg" alt="copy" />
        <q-tooltip :offset="[5, 5]" anchor="top middle" self="bottom middle">
          Copy
        </q-tooltip>
      </div>
    </div>
  </div>
</template>

1 Ответ

1 голос
/ 07 января 2020

Я думаю, вам нужно зарегистрировать компонент QTooltip в quasar.confg. js. 

framework: {
      components: [  
      'QTooltip',
   ]
}

Компонент - я протестировал этот компонент, он отлично работает для меня. 

<template functional>
  <div class="q-mb-sm">
    <q-btn color="secondary" class="text-capitalize">Copy
      <q-tooltip :offset="[5, 5]" anchor="top middle" self="bottom middle">
        Copy
      </q-tooltip>
    </q-btn>
    {{props.test}}
  </div>
</template>

<script>
    export default {
        name: "test",
        props: ['test']
    }
</script>

<style scoped>

</style>

демо - https://codesandbox.io/s/sharp-darwin-7h17m

...