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