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

10次阅读

共计 429 个字符，预计需要花费 2 分钟才能阅读完成。

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

正文完