美文网首页
uni-app使用slot插槽不生效的问题

uni-app使用slot插槽不生效的问题

作者: WMSmile | 来源:发表于2022-09-14 12:39 被阅读0次

    uni-app使用slot插槽不生效的问题

    slot <slot> 元素作为组件模板之中的内容分发插槽。<slot> 元素自身将被替换。详情看vue 官方文档

    最近使用z-paging的demo时,遇到了slot使用不能生效的问题。

    <view class="top-nav" slot="top">
        <view class="head-nav">
            <!-- 你的代码 -->
        </view>
    </view>
    

    解决思路如下:

    查看问题:slot 一直未编译,最后发现写法上变了。参考了uni-list-item的重写的代码

    解决方式如下:

    <template v-slot:top>
        <view class="top-nav">
            <view class="head-nav">
                <!-- 你的代码 -->
            </view>
        </view>
    </template>
    

    到此,解决完毕!

    相关文章

      网友评论

          本文标题:uni-app使用slot插槽不生效的问题

          本文链接:https://www.haomeiwen.com/subject/kfnkortx.html