我不能在Nuxt 3中使用动态组件
我不能在Nuxt 3中使用动态组件
提问于 2022-07-18 16:03:52
我试着让它起作用
<component v-if="!pending" :is="dynComponent" />在Nuxt 2中没有问题，但在Nuxt 3 (Vue 3 ?)这似乎不太容易。
变量dynComponent在处理过程(myComponent)中使用组件的名称填充。
与Nuxt 2一样，我使用import myComponent from "@/layouts/myComponent.vue"导入了相应的组件。错误可能在那里。
我在文档中看到需要使用resolveComponent助手。我也尝试过作为described...but，但没有成功。(动态分量)
我也没有收到任何错误信息。什么都没发生。
有人能解释一下在Nuxt 3中如何使用动态组件吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-07-18 23:30:40
这就是您应该如何编写动态组件。
<script setup>
const yolo = resolveComponent('Yolo')
const bob = resolveComponent('Bob')
const boolean = ref(true)
</script>
<template>
<div>
<div>{{ boolean }}</div>
<component :is="boolean ? yolo : bob" />
<button @click="boolean = !boolean">toggle</button>
</div>
</template>用这种结构
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73025338
复制相关文章
相似问题
腾讯云开发者
