vue使用v-for获取不到图片src

Question

问题描述

vue使用v-for获取不到图片src

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
<template>

<div class=imgBox>
  <div class="imgList">
      <div v-for="item in items">

        <!--为什么这里绑定src不显示？？？-->

        <img class="imgg" :src="item.src" alt="">

        <h5>{{item.title}}</h5>
        <P>{{item.info}}</P>
      </div>
  </div>
   <!--这里可以显示，证明图片路径正确-->
  <img src="../assets/images/Vue.png" alt="">
</div>

</template>

<script>

export default {
    name: "classify",
  data(){
      return{
        items:[
          {src:"../assets/images/Vue.png",title:"VUE题",info:"天下无敌"},
          {src:"../assets/images/Vue.png",title:"VUE题",info:"天下无敌"},
          {src:"../assets/images/Vue.png",title:"VUE题",info:"天下无敌"},
          {src:"../assets/images/Vue.png",title:"VUE题",info:"天下无敌"},
          {src:"../assets/images/Vue.png",title:"VUE题",info:"天下无敌"},
        ],
      }
  }
}

</script>

你期待的结果是什么？实际看到的错误信息又是什么？

请问该怎么写，哪里出错了？？
我单独获取这个路径，就能显示图片。

Answer 1

ietms里面路径路径修改为

src:require('../assets/images/Vue.png')

Answer 2

把路径用import引用成变量