vue图标不显示

静态:有可能路径错误

<img src="../../assets/images/index1.png">

<img src="@/assets/images/index2.png">

动态:需要解析

<div v-for="item in userList" :key="item.id">

<img :src="getUrl(item.stricon)">

</div>

methods:{

getUrl(icon) {

return require('@/assets/images/' + icon)

}

}

相关推荐
boooooooom1 天前
手写简易Vue响应式:基于Proxy + effect的核心实现
javascript·vue.js
王同学 学出来1 天前
vue+nodejs项目在服务器实现docker部署
服务器·前端·vue.js·docker·node.js
一道雷1 天前
让 Vant 弹出层适配 Uniapp Webview 返回键
前端·vue.js·前端框架
bug总结1 天前
uniapp+动态设置顶部导航栏使用详解
java·前端·javascript
晴殇i1 天前
深入理解MessageChannel:JS双向通信的高效解决方案
前端·javascript·程序员
毕设十刻1 天前
基于Vue的民宿管理系统st4rf(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
kkkAloha1 天前
倒计时 | setInterval
前端·javascript·vue.js
VT.馒头1 天前
【力扣】2622. 有时间限制的缓存
javascript·算法·leetcode·缓存·typescript
云轩奕鹤1 天前
智析单词书 - AI 驱动的深度英语词汇学习平台
前端·ai·产品·思维
辰风沐阳1 天前
JavaScript 的 WebSocket 使用指南
开发语言·javascript·websocket