收藏
回答

微信小程序组件的slot可以传递多层嵌套组件中吗?

基础版本号2.10.1

page

<childb><text>text</text></childb>

childb

<childa><slot/></childa>

childa

<view><slot/><view>

问题,最终text的渲染位置是在childa节点下还是childb节点下;目前微信开发者工具显示是在childb下面,所以无法传递到childa中,请问能像vue实现类似功能吗?

回答关注问题邀请回答
收藏

5 个回答

  • 李渊
    李渊
    07-22

    实测用具名slot可以,childB中name和slot都写上完成传递,如下

    page

    <childb><text slot="xxx">{{text}}</text></childb>
    

    childB

    <view><slot name="xxx" slot="xxx"/><view>
    

    childA

    <view><slot name="xxx">默认文案</slot><view>
    


    记得js中需要设置下

    options: {
      multipleSlots: true // 在组件定义时的选项中启用多slot支持
    }
    
    07-22
    有用 1
    回复
  • 本末
    本末
    2022-01-05
    <slot slot="label"/>
    
    2022-01-05
    有用 1
    回复
  • 凯杨
    凯杨
    2023-05-25

    同问,现在遇到同样的问题,这样嵌套后最外层的slot内容根本不渲染

    2023-05-25
    有用
    回复
  • 史国龙
    史国龙
    2022-05-26

    大佬,同问啊,解决了没?

    2022-05-26
    有用
    回复
  • losnowwhiteve
    losnowwhiteve
    2020-06-28

    大佬,同问啊,解决了没?

    2020-06-28
    有用
    回复
登录 后发表内容
问题标签