1、index.wxml中
coursevideo-data=“{{courseVideoData}}”
coursevideo-data中coursevideo-data是子组件中用来接收的数据,在子组件中"- "后面的第一个字母写成驼峰形式
{{courseVideoData}}中courseVideoData是父组件data中的数据
就是把负组件中的courseVideoData传给 子组件中的coursevideo
<view class="course_list">
<component-courseVideoCard coursevideo-data="{{courseVideoData}}" offlineimg-url="{{offlineImgUrl}}"></component-courseVideoCard>
</view>
2、组件的js中
properties: {
coursevideoData: { //课程视频列表数据
type: Array,
value: [],
observer: function (newVal, oldVal) { }
},
offlineimgUrl: String, //线下图片路径
},
3、在组件的wxml中可以直接用 wx:for=“{{coursevideoData}}”
<view class="course_list_item" wx:for="{{coursevideoData}}" wx:key="id" bindtap="goPlayPage" data-item-info="{{item}}">
</view>