流年似_水
流年似_水
  • 发布:2024-05-16 14:17
  • 更新:2024-05-16 14:17
  • 阅读:90

【报Bug】关于组件插槽内容不显示的问题

分类:uni-app

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

PC开发环境操作系统: Windows

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

第三方开发者工具版本号: 1.06.2404301 win32-x64

基础库版本号: 3.43

项目创建方式: CLI

CLI版本号: 3.0.0-4010420240430001

示例代码:

子组件代码

<template>  
  <view class="base-page">  
    <slot :user="{ id: 1, name: '张三' }"></slot>  
  </view>  
</template>

父组件(页面)代码中的插槽内容不显示

<template>  
  <base-page>这里是插槽内容</base-page>  
</template>

父组件(页面)代码中的插槽内容不显示

<template>  
  <base-page>  
    <template #default>这里是插槽内容</template>  
  </base-page>  
</template>

父组件(页面)代码中的插槽内容这样写才显示

<template>  
  <base-page>  
    <template #default="{}">这里是插槽内容</template>  
  </base-page>  
</template>

操作步骤:

请查看上面的代码示例

预期结果:

希望下面两种方式的写法也显示,H5上是没问题的

父组件(页面)代码中的插槽内容不显示

<template>  
  <base-page>这里是插槽内容</base-page>  
</template>

父组件(页面)代码中的插槽内容不显示

<template>  
  <base-page>  
    <template #default>这里是插槽内容</template>  
  </base-page>  
</template>

实际结果:

请查看上面的代码示例

bug描述:

在微信小程序环境中,如果组件内的 slot 上有插槽 prop,父组件在使用该组件时(但是不使用提供的插槽数据),这时父组件中传入的插槽内容就不会显示

2024-05-16 14:17 负责人:无 分享
已邀请:

要回复问题请先登录注册