在components中封装了一个组件,如果我要把这个组件在多个地方使用,但是图片传是值不一样,那么要如何设定
如图:第一张图获取到的图片地址是:cover.url,而第二个获取到的图片地址是:pic.large
我一开始用下面代码不起作用。那么这个src的值要怎么设定,才能够在pages页面中传入获取到的不同的图片
components中js 代码:
imagePath:{
type:Array,
value:""
}
components中wxml代码:
<view class="thumbnail-group">
<image class="thumbnail" src="{{imagePath}}" />
</view>
pages页面中的代码:
<indexmodule title="电影" items="{{movies}}" imagePath="{{item.cover.url}}"></indexmodule>
imagePath:{ type:String, value:"" } <indexmodule title="电影" items="{{movies}}" imagePath="{{item.cover.url || item.pic.large}}"></indexmodule>
试过了,报了一连串的警告:
imagePath Array 应该是 String
https://developers.weixin.qq.com/miniprogram/dev/component/image.html
js处理,统一传入参数比较好