vue之动态加载图片列表

最近开发中遇到一个问题,后端只给返回图片名称,不返回图片路径

需要前端动态拼接图片路径,根据返回的图片名称,显示对应的图片

<div v-for="(item, index) in imgList" :key="index">
        <img :src="../assets/images/+ item.n +.jpg">
        <span>{
         
  {item.n}}</span>
      </div>

图片路径加载出来了,但是路径错误,页面未展示

修改代码,路径写死

<div v-for="(item, index) in imgList" :key="index">
        <img :src="../assets/images/1.jpg">
        <span>{
         
  {item.n}}</span>
      </div>

页面还是展示不出来

<!-- 使用require引入  可以编译成功-->
      <div v-for="(item, index) in imgList" :key="index">
        <img :src="require(../assets/images/+ item.n +.jpg)" alt="">
        <span>{
         
  {item.n}}</span>
      </div>

vue引入图片的方式,可以参考我的另一篇博文

经验分享 程序员 微信小程序 职场和发展