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)

}

}

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