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)

}

}

相关推荐
江公望3 小时前
VUE3中,reactive()和ref()的区别10分钟讲清楚
前端·javascript·vue.js
攀登的牵牛花3 小时前
前端向架构突围系列 - 框架设计(二):糟糕的代码有哪些特点?
前端·架构
EndingCoder3 小时前
函数基础:参数和返回类型
linux·前端·ubuntu·typescript
码客前端3 小时前
理解 Flex 布局中的 flex:1 与 min-width: 0 问题
前端·css·css3
Komorebi゛3 小时前
【CSS】圆锥渐变流光效果边框样式实现
前端·css
工藤学编程4 小时前
零基础学AI大模型之CoT思维链和ReAct推理行动
前端·人工智能·react.js
徐同保4 小时前
上传文件,在前端用 pdf.js 提取 上传的pdf文件中的图片
前端·javascript·pdf
怕浪猫4 小时前
React从入门到出门第四章 组件通讯与全局状态管理
前端·javascript·react.js
博主花神4 小时前
【React】扩展知识点
javascript·react.js·ecmascript
内存不泄露4 小时前
基于Spring Boot和Vue 3的智能心理健康咨询平台设计与实现
vue.js·spring boot·后端