1***@qq.com
1***@qq.com
  • 发布:2024-07-04 11:58
  • 更新:2024-07-04 14:56
  • 阅读:33

【报Bug】组件 virtualHost 为 true 时,对引用的组件使用 v-show 指令无效

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Win11 23H2 22631.3737

HBuilderX类型: Alpha

HBuilderX版本号: 4.23

第三方开发者工具版本号: 1.06.2405020

基础库版本号: 3.0.2

项目创建方式: HBuilderX

示例代码:

home.vue

<template>  
  <view>  
    <!-- 无效 -->  
    <TestVComp v-show="false" />  

    <!-- 有效 -->  
    <TestComp v-show="false" />  
  </view>  
</template>  

<script lang="ts" setup>  
import TestVComp  from './test-v-comp.vue'  
import TestComp  from './test-comp.vue'  
</script>

test-v-comp.vue,使用 virtualHost

<template>  
  <view>test-v-comp</view>  
</template>  

<script lang="ts" setup></script>  

<script lang="ts">  
export default {  
  options: {  
    virtualHost: true  
  }  
}  
</script>

test-comp.vue,不使用 virtualHost

<template>  
  <view>test-comp</view>  
</template>  

<script lang="ts" setup></script>

操作步骤:

在上述代码示例中,home.vue 为主入口,引用了组件 test-v-comp 和 test-comp,其中 test-v-comp 启用了 virtualHost 属性,并将组件 v-show 都设为 false

预期结果:

隐藏

实际结果:

展示

bug描述:

组件设置了 virtualHost 为 true,v-show 指令将无法生效。

2024-07-04 11:58 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

你这是正常的效果,virtualHost把组件的第一层去掉,就不会显示 v-show= 的内容了

  • 1***@qq.com (作者)

    了解了,感谢解答

    2024-07-04 15:26

要回复问题请先登录注册