小程序
小游戏
企业微信
微信支付
扫描小程序码分享
比如自定义组件中有如下代码:
<view wx:for="{{items}}" wx:for-key="id" wx:for-item="item" wx:for-index="index"> <slot></slot> </view>
如何将循环中的 item 和 index 变量传给 slot?
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
slot不支持配合for使用,你这个需求可以用抽象节点解决:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/generics.html
自测OK
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
同问,,,应用场景是这样的
父组件将数据传给子组件
在子组件内部去循环
但是想通过插槽slot中在父组件中使用循环中的数据
该怎么实现呢
请问有解决方法吗,我也有这样的需求
只能include进来了,这种需求一直都有,又不能像vue一样可以通过prop传进来内容再render
没明白,你为什么要传给slot?
<!-- Component: index.wxml -->
<view>
Hello World
<view wx:for="{{items}}" wx:for-key="id" wx:for-item="item" wx:for-index="index">
<slot name="msg"></slot>
</view>
<!-- Page: index.wxml -->
<Hello>
<text slot="msg">这里如何显示组件中循环出来的 item 内容?</text>
</Hello>
<!-- 开发人员1 -->
<text slot="msg">Count: {{item.count}}</text>
<!-- 开发人员2 -->
<text slot="msg">Price: {{item.price}}</text>
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
slot不支持配合for使用,你这个需求可以用抽象节点解决:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/generics.html
自测OK
同问,,,应用场景是这样的
父组件将数据传给子组件
在子组件内部去循环
但是想通过插槽slot中在父组件中使用循环中的数据
该怎么实现呢
请问有解决方法吗,我也有这样的需求
只能include进来了,这种需求一直都有,又不能像vue一样可以通过prop传进来内容再render
没明白,你为什么要传给slot?
<!-- Component: index.wxml -->
<view>
Hello World
<view wx:for="{{items}}" wx:for-key="id" wx:for-item="item" wx:for-index="index">
<slot name="msg"></slot>
</view>
</view>
<!-- Page: index.wxml -->
<Hello>
<text slot="msg">这里如何显示组件中循环出来的 item 内容?</text>
</Hello>
<!-- 开发人员1 -->
<Hello>
<text slot="msg">Count: {{item.count}}</text>
</Hello>
<!-- 开发人员2 -->
<Hello>
<text slot="msg">Price: {{item.price}}</text>
</Hello>