首页 > Web开发 > 详细

vuejs绑定img 的src

时间:2018-06-22 23:16:38      阅读:531      评论:0      收藏:0      [点我收藏+]

1.显示本地图片:

<img src="../../common/images/auth-icon.png" />
 
2.绑定变量:
<img class="" :src="defaultIcon" />
data() {
  return {
  defaultIcon: require("../../common/images/merchant-portrait-1.png"),
  };
},
图片路径为:
技术分享图片
 
 
3.绑定后台返回的图片地址:
<img class="top_portrait" :src="iconImg" />
data() {
return {
  iconImg: ""//存放src的变量
  };
},
methods: {
getInfo() {
this.token = sessionStorage.getItem("token");
console.log(this.token);
axios({
method: "GET",
url: "/apis/me",
headers: { Accept: "application/json", Authorization: this.token }
  }).then(data => {
  console.log(data.data);
  if (data.data.status_code == 200) {
    var merchantData = data.data.data.merchant;
    console.log(merchantData.logo);  //这是后台拿的src:http://p8rf5os6x.bkt.clouddn.com/business/fzn9jNaTtr4fXaBUkTQxrBjARDB70trT5poldRVA.jpeg
  }
  });
}
},
created() {
this.getInfo();
}

vuejs绑定img 的src

原文:https://www.cnblogs.com/lan-cheng/p/9215654.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!