照相
照相
  • 发布:2022-08-14 18:56
  • 更新:2022-08-15 15:58
  • 阅读:750

在nvue+vue3中,:is动态组件无效

分类:uni-app

产品分类: 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动态组件无效

bug描述:

在nvue+vue3中,:is动态组件无效

2022-08-14 18:56 负责人:无 分享
已邀请:
CODE_XU

CODE_XU

未能复现此问题,请尝试下面的代码,或者提供复现 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

要回复问题请先登录注册