vue动态绑定src加字符串拼接

vue从接口里边动态获取图片路径


image.png

image.png

代码如下:

<div class="list_zj" v-for="item in resultList" :key = 'item.id'>
      <div class="list_tx"><img :src="getImgUrl(item)"></div>
</div>
methods: {
     //获取接口代码块没写 如果有接口 还需调用接口
      getImgUrl(item){ 
      //  this.GLOBAL.IMGS 是公共的图片路径
      //  item.avatar 接口获取到的路径数据
        var url = this.GLOBAL.IMGS + item.avatar;
        return url;
      }
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容