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

Kason
  • 158

问题描述

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>

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

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

回复
阅读 2.3k
2 个回答

ietms里面路径路径修改为

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

把路径用import引用成变量

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏