vue中循环拼接本地图片路径的问题（小马哥vue学习教程））

一、问题所在：做商城个人首页时候，图标显示不出来

二、解决办法

因为图片是本地路径的话，在webpack中 他会被当成一个字符串来处理，并不会转换为图片的路径。

如果图片路径不是本地静态图片 就不需要 require 啦，
如果是网络图片的话，直接拼接就行，就不需要再加require啦。

切记切记！
欢迎点击交流，非常感谢！

在这里<template>
    <div id="list">
      <div v-for="(item, index) in listData" :key="index" class="item">
        <span class="icon">
          <img :src=" require('assets/img/profile/' + item.icon)" alt="">
        </span>

        <div class="info">{{item.info}}</div>
      </div>
    </div>
</template>插入代码片