乐趣区

关于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,须要留神具名插槽的应用

退出移动版