7***@qq.com
7***@qq.com
  • 发布:2023-12-27 23:03
  • 更新:2024-09-29 15:57
  • 阅读:392

【报Bug】微信小程序动态插槽bug

分类:uni-app

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

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: window11 22h2

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

基础库版本号: 3.99.2023122611

项目创建方式: CLI

CLI版本号: 3.99.2023122611

示例代码:
复制代码
//问题(1)组件内的代码  

<template>  
    <u-navbar>  
        <template v-for="item,name in $slots" #[name]>  
            <slot :name="name">  
                默认文字  
            </slot>  
        </template>  
    </u-navbar>  
</template>  

//问题(2)组件内的代码  
<template>  
    <view>  
        <slot name="content">默认文字</slot>  
    </view>  
</template>  
//问题(2)调用组件的代码  
<template>  
  <view >  
    <l-navbar>  
      <template #content v-if="show">  
        调用文字  
      </template>  
    </l-navbar>  
  </view>  
</template>  
<script setup lang="ts">  
import { ref } from 'vue';  
let show=ref(true)  
setTimeout(()=>show.value=false,2000)  
</script>```

操作步骤:

问题(1):
微信小程序 使用v-for $slots循环出来的插槽 提示name不存在 但是打印后name是存在的 h5正常 这个name 不知道说的是组件还是什么
u-navbar是uView-plus的插件 但是这个我看了 应该是不是插件的问题 然后可以看下问题2 这两个应该是同一个问题
问题(2):
微信小程序 插槽内容是动态渲染的当v-if等于false时“调用文字”会消失 h5会把组件内的“默认文字”显示出来 但是小程序在调用文字消失后就一篇空白不显示默认文字

预期结果:

和h5一样支持动态插槽

实际结果:

uni-app微信小程序使用$slots遍历出来的插槽提示ReferenceError: name is not defined
uni-app微信小程序使用v-if=‘false’ 后默认的内容不显示

bug描述:

脚手架在2023/12/27进行了更新
问题(1):
微信小程序 使用v-for $slots循环出来的插槽 提示name不存在 但是打印后name是存在的 h5正常 这个name 不知道说的是组件还是什么
u-navbar是uView-plus的插件 但是这个我看了 应该是不是插件的问题 然后可以看下问题2 这两个应该是同一个问题
问题(2):
微信小程序 当show等于false时h5会把组件内默认的文字显示出来 但是小程序在调用文字消失后就一篇空白不显示默认文字

2023-12-27 23:03 负责人:无 分享
已邀请:
3***@qq.com

3***@qq.com

解决没,加个好友沟通下,3221083446

要回复问题请先登录注册

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容