店小二丶
店小二丶
  • 发布:2023-09-13 11:15
  • 更新:2024-08-28 09:20
  • 阅读:297

【报Bug】动态命名插槽嵌套,增加默认数据,外部传入元素替换默认元素失败

分类:uni-app

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

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.8.12

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

基础库版本号: 2.31.1

项目创建方式: HBuilderX

示例代码:

A组件:

<!--A-->  
<template>  
  <view>  
    <slot></slot>  
  </view>  
</template>  
<script lang="ts" setup></script>  
<style lang="scss" scoped></style>

B 组件

<!--B-->  
<template>  
  <view>  
    <test-parent>  
      <template #default>  
        <slot :name="test"> 这是默认数据 </slot>  
      </template>  
    </test-parent>  
  </view>  
</template>  
<script lang="ts" setup>  
  import testParent from "./test-parent.vue";  
  const test = ref("test");  
</script>  
<style lang="scss" scoped></style>

C 使用

  <test2>  
      <template #test> 这是插槽数据 </template>  
    </test2>

操作步骤:

组件使用

预期结果:

小程序和h5保持一直

实际结果:

小程序显示失败

bug描述:

首先定义一个A组件,有一个默认插槽;然后定义B组件,引入A组件,并在A组件内部写一个template 再抛出一个动态插槽,最终再页面使用B组件并给插槽传入数据,微信小程序无法显示传入元素,只显示默认元素 如图

2023-09-13 11:15 负责人:无 分享
已邀请:
z***@qq.com

z***@qq.com

这个问题可以暂时用:empty 和相邻选择器替代默认内容的实现。

要回复问题请先登录注册