如何向自定义组件内传递一个数组中的一个元素?
发布于 4 年前 作者 taowei 10048 次浏览 来自 问答

组件代码:

wxml:

  <view style="height:100rpxbindtap="_click">

  <text class="tittle">标题:{{List[0].tittle}}text>

  <text class="count">学习人数:1000人text>

  view>

js:

Component({

  properties: {  List:{ type:Array, value:[] } },

data: { },

  methods: { _click:function(e){ console.log(this.data.List); } //点击组件时打印组件获得的数据  }

})

引用组件的页面:

wxml:

  <view wx:for="{{videoList}}wx:key="index" > 

        <courseItem List="{{videoList}}"/> //点击组件可以打印出到List数组所有内容

        <courseItem List="{{item}}"/> //点击组件打印出List为空数组

  view>

js:

Page({

  data: { videoList:[{tittle:"标题一"},{tittle:"标题二"}]  }

})

分别点击这四个渲染出来的组件,打印得到组件内的数组值为下图的结果。

for语句内获取某一个元素不是用Item吗?为什么item传不进组件内部,打印结果为空?

虽然用videoList,可以传进组件,但他把所有数组元素都传进去了,我只想传其中的一个元素该怎么操作?

回到顶部