vue动态绑定img的src不显示

1.开发环境 vue
2.电脑系统 windows10专业版
3.在使用vue开发的过程中,我们可能会需要动态img的路径,下面我来分享一下遇到的问题和解决方法,希望对你有所帮助。
4.在template中添加如下代码:

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

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

你会惊奇的发现,图片显示不出来,是不是很难受。

6.解决方法:

1.把图片放在 src同级的static文件夹下。
2.把图片放在 csdn上,把网络地址存在 WinnerObj.Cimg中,然后直接  去展示
3.图片放在assets文件夹,然后data里面使用require进入图片

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

7.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。