详细问题描述
uni-app在IDE更新日志中指出，新版本APP已经支持动态slot插槽，然而，在我封装自定义组件的过程中，发现只有APP端无法正常渲染
[内容]
因为业务组件比较复杂，不方便调试，所以我专门写了一个测试组件复现这个问题
自定义组件代码如下
<template>
<view>
<view v-for="(item, index) in list" :key="item.id">
<!-- #ifdef H5 || APP-PLUS -->
<slot :name="item.id"></slot>
<!-- #endif -->
<!-- #ifdef MP -->
<slot name="{{item.id}}"></slot>
<!-- #endif -->
</view>
</view>
</template>
<script>
export default {
props: {
list: {
type: Array,
default () {
return {}
}
}
}
}
</script>
<style>
</style>调用该组件的部分代码如下
<template>
<view>
<test :list="navData">
<template v-slot:a>
aaaaaaaaaaaaaaaaa
</template>
<template v-slot:b>
bbbbbbbbbbbbbbbbbbb
</template>
</test>
<!-- <cm-calendar></cm-calendar> -->
</view>
</template>
<script>
import test from '../test/test.vue'
export default {
name: 'calendarView',
components: {
test
},
data () {
return {
navData: [
{
text: 'a',
id: 'a'
},
{
text: 'b',
id: 'b'
}
]
}
},
methods: {
},
created () {
}
}
</script>[步骤]
[结果]
[期望]
运行结果：在小程序以及H5端正常，APP端没有渲染出动态插槽中的内容
IDE运行环境说明
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app，也需要在此说明]
[IDE版本号] 2.16.5
[windows版本号]
[mac版本号]
uni-app运行环境说明
[运行端是h5或app或某个小程序？] APP端异常
[运行端版本号]
[项目是cli创建的还是HBuilderX创建的？如果是cli创建的，请更新到最新版cli再试] HBX 创建
[编译模式说明：自定义组件模式？纯nvue模式？v3模式？] v3模式
App运行环境说明
[Android版本号]
[iOS版本号]
[手机型号]
[模拟器型号]
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志，点右键打开文件所在目录，将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段，你补充的细一点，问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]
联系方式
[QQ]
小小的抱怨一下，如果不起【报bug】的标题，那么你的问题将永远得不到关注QAQ。
c***@163.com
回头试试
2022-07-19 16:35