//问题(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>```
![7***@qq.com](https://img-cdn-tc.dcloud.net.cn/account/identicon/510d9a71e283da0ff613636af020a348.png)
- 发布:2023-12-27 23:03
- 更新:2024-09-29 15:57
- 阅读:340
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: window11 22h2
第三方开发者工具版本号: 1.06.2312061
基础库版本号: 3.99.2023122611
项目创建方式: CLI
CLI版本号: 3.99.2023122611
示例代码:
操作步骤:
问题(1):
微信小程序 使用v-for $slots循环出来的插槽 提示name不存在 但是打印后name是存在的 h5正常 这个name 不知道说的是组件还是什么
u-navbar是uView-plus的插件 但是这个我看了 应该是不是插件的问题 然后可以看下问题2 这两个应该是同一个问题
问题(2):
微信小程序 插槽内容是动态渲染的当v-if等于false时“调用文字”会消失 h5会把组件内的“默认文字”显示出来 但是小程序在调用文字消失后就一篇空白不显示默认文字
问题(1):
微信小程序 使用v-for $slots循环出来的插槽 提示name不存在 但是打印后name是存在的 h5正常 这个name 不知道说的是组件还是什么
u-navbar是uView-plus的插件 但是这个我看了 应该是不是插件的问题 然后可以看下问题2 这两个应该是同一个问题
问题(2):
微信小程序 插槽内容是动态渲染的当v-if等于false时“调用文字”会消失 h5会把组件内的“默认文字”显示出来 但是小程序在调用文字消失后就一篇空白不显示默认文字
预期结果:
和h5一样支持动态插槽
和h5一样支持动态插槽
实际结果:
uni-app微信小程序使用$slots遍历出来的插槽提示ReferenceError: name is not defined
uni-app微信小程序使用v-if=‘false’ 后默认的内容不显示
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会把组件内默认的文字显示出来 但是小程序在调用文字消失后就一篇空白不显示默认文字
1 个回复
3***@qq.com
解决没,加个好友沟通下,3221083446