共计 474 个字符，预计需要花费 2 分钟才能阅读完成。
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. 本期的分享到了这里就完结啦, 心愿对你有所帮忙, 让咱们一起致力走向巅峰。
正文完
