在nvue+vue3中，:is动态组件无效
照相
- 发布：2022-08-14 18:56
- 更新：2022-08-15 15:58
- 阅读：693
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 12.4
HBuilderX类型： 正式
HBuilderX版本号： 3.5.4
手机系统： iOS
手机系统版本号： iOS 15
手机厂商： 苹果
手机机型： iPhone 8 Plus
页面类型： nvue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
在nvue+vue3中，:is动态组件有效
在nvue+vue3中，:is动态组件有效
实际结果：
在nvue+vue3中，:is动态组件无效
在nvue+vue3中，:is动态组件无效
bug描述：
在nvue+vue3中，:is动态组件无效
未能复现此问题，请尝试下面的代码，或者提供复现 demo
<template>
<view>
<button
v-for="(_, tab) in tabs"
:key="tab"
@click="currentTab = tab"
>
{{ tab }}
</button>
<component :is="tabs[currentTab]"></component>
</view>
</template>
<script setup>
import Home from './Home.nvue'
import Posts from './Posts.nvue'
import { ref } from 'vue'
const currentTab = ref('Home')
const tabs = {
Home,
Posts
}
</script>
照相 (作者)
感谢，此问题为我自身代码问题。因未用
component导致的，现已解决。2022-08-16 01:49