关于vue.js:uniapp踩坑记录uview的collapse组件中使用具名插槽在app端不生效

环境

HBuilder X 3.1.12
uview-ui 1.8.4

问题形容

应用uview-ui的collapse组件

<u-collapse>
    <u-collapse-item>
        <template #title>
            <view class="title-box">
                test
            </view>
        </template>
    </u-collapse-item>
</u-collapse>

以上代码在h5端运行没问题,但在app端,title的内容不显示
以下写法令没有问题

<u-collapse>
    <u-collapse-item>
        <template slot="title"> // 留神这行不一样
            <view class="title-box">
                test
            </view>
        </template>
    </u-collapse-item>
</u-collapse>

通过查看uview的源码

调试发现第一种写法$slots[‘title’]的值是undefined
故如果组件外部应用了$slots,须要留神具名插槽的应用

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理