vue v-for img标签 src路径问题 解决 数组路径

1.若是本地路径 如下即可：

<div class="friItem" v-for="(item,index) in fris" v-bind:key="index">
	<img :src="item.wxHeadImg"/>
	<div>{{item.wxNickName}}</div>
</div>

数据写成 :src="{{item.wxHeadImg}}" 是错误的

2.若是网络路径，直接用item.wxHeadImg 的时候 src标签是不允许的，所以通过角标直接绑定原数组的值来获取路径

<div class="friItem" v-for="(item,index) in fris" v-bind:key="index">
	<img :src="fris[index].wxHeadImg" alt="...">
	<div>{{item.wxNickName}}</div>
</div>

致言：

有更好方法麻烦告知

2020-5-28