小程序
小游戏
企业微信
微信支付
扫描小程序码分享
自定义了一个组件,其中包含了一个插槽。
组件wxml
<li wx:for="{{list}}" wx:for-item="item"><slot></slot></li> 我想在调用这个组件的时候,自定义插槽中的内容。例如显示标题、作者.... 请问下我怎么在页面中拿到这个item.title、item.author?试了好多次好像不行
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
// 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>
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
// 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>
<view slot="title">标题</view>
<view slot="author">作者</view>
</component>
这里不是静态的标题,而是动态的。显示每篇文章的标题