关于vue.js:vue动态绑定img的src不显示

1.开发环境 vue
2.电脑系统 windows10专业版
3.在应用vue开发的过程中,咱们可能会须要动静img的门路,上面我来分享一下遇到的问题和解决办法,心愿对你有所帮忙。
4.在template中增加如下代码:

<img:src="item.winner==null?WinnerObj.Cimg:item.winner.avatar" alt=""/>

5.在return中增加如下代码:

WinnerObj:{ Cimg: "../assets/fire.png"}

你会惊奇的发现,图片显示不进去,是不是很好受。

6.解决办法:

1.把图片放在 src同级的static文件夹下。2.把图片放在 csdn上,把网络地址存在 WinnerObj.Cimg中,而后间接 <img :src="WinnerObj.Cimg" /> 去展现3.图片放在assets文件夹,而后data外面应用require进入图片

WinnerObj: { Cimg: require("../assets/fire.png")},

7.本期的分享到了这里就完结啦,心愿对你有所帮忙,让咱们一起致力走向巅峰。