收藏
回答

问个自定义组件插槽的问题?

自定义了一个组件,其中包含了一个插槽。

组件wxml

<li wx:for="{{list}}" wx:for-item="item"><slot></slot></li>

我想在调用这个组件的时候,自定义插槽中的内容。例如显示标题、作者....

请问下我怎么在页面中拿到这个item.title、item.author?试了好多次好像不行
回答关注问题邀请回答
收藏

1 个回答

  • brave
    brave
    2022-04-07
    // component.wxml
    <li wx:for="{{list}}" wx:for-item="item">
      <slot name="title"></slot>
      <slot name="author"></slot>
    </li>
    // component.js
    Component({
      options: {
        multipleSlots: true // 在组件定义时的选项中启用多slot支持
      }
    })
    
    // page.wxml
    <component>
      <view slot="title">标题</view>
      <view slot="author">作者</view>
    </component>
    
    2022-04-07
    有用 2
    回复 1
    • 程序猿
      程序猿
      2022-04-08
      <component>
        <view slot="title">标题</view>
        <view slot="author">作者</view>
      </component>


      这里不是静态的标题,而是动态的。显示每篇文章的标题
      2022-04-08
      回复
登录 后发表内容