父组件wxml
<--! 把循环中的每一项传给子组件 -- >
<view class="playlist">
<block wx:for="{{playlist}}" wx:key="_id">
<x-playlist playlist = "{{item}}">
</x-playlist>
<--! x-playlist 是定义子组件的名称 -- >
</block>
</view>
子组件js
//声明传过来的值的类型 playlist 为传过来的值的名称
properties: {
playlist:{
type:Object
}
},
子组件wxml
playlist就是传过来的值
<view >
<image src="{{playlist.picUrl}}" class="playimg"></image>
<view class="playname">{{playlist.name}}</view>
</view>