7***@qq.com
7***@qq.com
  • 发布:2023-12-27 23:03
  • 更新:2023-12-27 23:03
  • 阅读:119

【报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 负责人:无 分享
已邀请:

要回复问题请先登录注册