问题描述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>你期待的结果是什么?实际看到的错误信息又是什么?请问该怎么写,哪里出错了??我单独获取这个路径,就能显示图片。
添加回答
举报
0/150
提交
取消