Vue.js 在自定义函数组件中使用Quasar组件时出错

我正在使用带自动加载选项的Quasar 1.6.1（它自动加载我使用的Quasar组件，而无需我定义它们）。我编写了一个使用

的自定义功能组件， 但是，当我尝试运行它时，会出现以下错误：

未知自定义元素：-您是否注册了该组件 正确地对于递归组件，请确保提供“名称” 选择权

如果我不使用功能组件，它就可以工作

<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>

{{props.label}
{{props.text}
{{props.text}
复制

我认为您需要在quasar.confg.js中注册QTooltip组件

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>

复制
复制
{{props.test}
导出默认值{
名称：“测试”，
道具：[“测试”]
}

---

演示-

我认为您需要在quasar.confg.js中注册QTooltip组件

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>

复制
复制
{{props.test}
导出默认值{
名称：“测试”，
道具：[“测试”]
}

演示-