技术栈

vue图标不显示

hello芳芳2024-06-05 12:23

静态:有可能路径错误

<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)

}

}

上一篇:Qt图像处理技术九:得到QImage图像的灰度直方图
下一篇:QT常用控件
相关推荐
kyriewen11
3 分钟前
Sass:让 CSS 从手工作坊迈入工业时代
前端·javascript·css·html·css3·sass·html5
冰暮流星
4 分钟前
javascript之变量作用域
开发语言·前端·javascript
lxh0113
8 分钟前
嵌套数组生成器题解
开发语言·javascript·ecmascript
远方的小草
12 分钟前
检索增强生成技术RAG
前端
Dxy1239310216
12 分钟前
DrissionPage使用js点击:突破常规交互限制的“隐形手”
开发语言·javascript·交互
用户90832460273
13 分钟前
Spring Boot 3 + WebSocket + STOMP + JWT 实现实时消息推送完整方案
vue.js·后端
haorooms
16 分钟前
WebTransport 核心用法及身份验证和应用
前端
用户9823610790277
16 分钟前
Node.js 使用 adm-zip 操作 ZIP 文件指南
前端
cmd
17 分钟前
Vue3 JSX 语法速查:v-model、事件、插槽一网打尽
vue.js
yannick_liu
17 分钟前
VUE2 + ElementUI 将Table数据导出为Excel文件——vue-json-excel
前端
热门推荐
01GitHub 镜像站点02Qwen3.5 开源全解析:从 0.8B 到 397B,代际升级 + 全场景选型指南03OpenClaw 使用和管理 MCP 完全指南04UV安装并设置国内源05OpenClaw Control UI安全上下文访问配置06小黑课堂计算机二级WPSoffice题库软件下载安装教程(2026年3月最新版)07Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services08AI 编程三剑客:Spec-Kit、OpenSpec、Superpowers 深度对比与实战指南09OpenClaw macOS 完整安装与本地模型配置教程(实战版)10本地部署 OpenClaw + DeepSeek-R1 完全指南