收藏
回答

如何把pages中网络图片传值给components中,在pages页面中使用获取到不同的图片?

在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>
回答关注问题邀请回答
收藏

3 个回答

  • 🇱 🇱 🇫
    🇱 🇱 🇫
    2023-09-28
    imagePath:{
        type:String,
      value:""
    }
    
    <indexmodule title="电影" items="{{movies}}" imagePath="{{item.cover.url || item.pic.large}}"></indexmodule>
    
    


    2023-09-28
    有用
    回复 1
    • 蓝天☁
      蓝天☁
      2023-09-28
      不行哦,报了一连串的警告
      2023-09-28
      回复
  • 蓝天☁
    蓝天☁
    2023-09-28

    试过了,报了一连串的警告:

    2023-09-28
    有用
    回复
  • dreamhunter
    dreamhunter
    2023-09-28
    imagePath  Array  应该是  String
    

    https://developers.weixin.qq.com/miniprogram/dev/component/image.html

    js处理,统一传入参数比较好

    2023-09-28
    有用
    回复
登录 后发表内容