vue-cli 项目中本地图片放在assets目录下(原因vue-cli最开始的vue图片就在里面,就把所有图片放在里面了);
之后v-for 动态加载图片路径就遇到了问题
源码:
<ul> <li v-for="(item,index) in teaminfo" @click="trastfun(item)"> <p><img v-bind:src="item.imageurl"/></p> <p>{{item.name}}</p> <p>{{item.position}}</p> <p class="icon-vs">vs</p> </li> </ul> for(var i = 0;i
改为
for(var i = 0;i
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
vue.directive()的图文详解
node.js爬取豆瓣数据实例
以上就是v-for怎么加载本地静态图片的详细内容。