element-plus 引入本地图片-编程知识

element-plus 引入本地图片

news/2025/1/5 15:09:02/文章来源:https://www.cnblogs.com/iRuriCatt/p/18649602

方法1

<img src="src/assets/default_cover.jpg">
如果写成：../assets/default_cover.jpg就会失效

方法2

vite 官网：静态资源处理
vue2 + webpack
- <img :src="require('@/assets/default_cover.jpg')">

vue3 + vite

方式1：

import image from "@/assets/default_cover.jpg";
:src="image"

方式2：

const url = new URL('静态路径', import.meta.url).hrefconst defaultCover = new URL("@/assets/default_cover.jpg", import.meta.url).href;
:src="defaultCover"

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/863279.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

Elasticsearch专题精讲——Kibana中提示“No cached mapping for this field”的解决方案

Kibana中提示“No cached mapping for this field”的解决方案在使用Kibana进行数据分析和可视化时，有时可能会遇到“No cached mapping for this field”的提示。这个提示通常意味着Kibana无法在当前索引模式中找到指定字段的缓存映射信息。本文将详细解释这一错误的原因，并…

STM32在使用Clion平台开发时调试失败 SystemClock_Config 返回 HAL_ERROR

问题记录在尝试使用Clion在STM32平台上开发调试时，需要通过OpenOCD结合ST-Link等调试器进行烧录和调试。但通过STM32CubeMX生成代码后，发现出现以下现象：程序能够正常编译并下载到开发板上，且运行符合预期。调试时GDB Server能够正常连接，可以正常查看函数调用栈。但却在…

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-9- 浏览器的相关操作（详细教程）

1.简介在自动化测试领域，元素定位是非常重要的一环。正确定位页面元素是测试用例能否成功执行的关键因素之一。playwright是一种自动化测试工具，它提供了丰富的元素定位方法，可以满足不同场景下的定位需求。前边宏哥已经通过不少的篇幅将playwright的元素定位的一些常用的基…

ModBus功能码异常和功能码错误代码

参考来源： https://www.cnblogs.com/hi-9527/p/16308588.htmlModbus功能码异常功能码错误码Modbus协议主要构成是地址码/标识码，功能码，寄存器地址，数据报文等内容。由于modbus协议是请求/应答通信协议，其其中功能码主要用于表述该数据报文执行的功能，当服务器对客户机进…

PACT: Parameterized Clipping Activation for Quantized Neural Networks

目录概主要内容Choi J., Wang Z., Venkataramani S., Chuang P. I., Srinivasan V. and Gopalakrishnan K. PACT: Parameterized clipping activation for quantized neural networks. 2018.概本文提出对网络中的激活值进行裁剪以实现更低量化. 主要内容作者的思想很简单, 作者…

DeskHIL桌面级仿真测试平台

敏捷开发和持续集成持续发布逐渐成为汽车电子系统主流开发模式。在此大背景下，研发过程中研发与测试的结合越来越紧密。硬件在环仿真测试系统，一直是汽车电子研发过程中的重要基础测试工具，测试工具如何应对敏捷开发模式下测试工具快速集成、快速测试的要求？对行业来说是一…

jib打包镜像，docker-compose启动报错

问题描述jib打包推送到harbor后，启动找不到启动脚本文件 docker-test-1 | exec /entrypoint.sh: no such file or directory entrypoint 原docker-compose配置：test:image: "xxxxxxxxx"environment:- TZ=Asia/Shanghai- JAVA_OPTS=-Xms3g -Xmx4gprivileged: truepo…

鲲鹏服务器屏蔽告警的方法

描述：工程现场发现设备开启snmp v2c后会有不安全协议告警，且客户侧纳管平台会一直存在这个告警。解决：手动干预进行告警屏蔽ipmitool raw 0x30 0x90 0x58 0x01 0x00 0x06 0x00 0x49 0x00 0x00 0x1A 0x00 0x02已知故障码是0x1A000049，而上面标红部分是故障码0x49 0x00 0x00 …

谷歌为什么将在2025年主导人工智能

谷歌通往AI霸主地位的路径图片由谷歌Imagen 3生成2023年2月6日，谷歌首席执行官桑达尔皮查伊在巴黎登台，展示了谷歌的首款AI驱动聊天机器人Bard。 Bard出现了“幻觉”。演示失败了，谷歌母公司Alphabet市值蒸发了1000亿美元。在2023年的大部分时间里，谷歌似乎在人工智能创新…

window redis注册为服务

1.将redis安装目录添加到环境变量中 2.在redis安装目录执行如下命令： redis-server.exe --service-install redis.windows.conf --loglevel verbose 3.成功后，即可在服务列表中查看到该服务抱怨有用的话还要努力干什么

linux 优化网卡队列

RSS（Receive-Side Scaling）网卡的多队列负载分流技术为了更好的利用多核系统。可以将网卡的数据流分配到多个rx queue，多个队列再分配到多个CPU核上，多个CPU并行处理数据包，大大提升网络处理能力。但是有可能造成同一个网络会话被分配到多个rx queue上，导致应用层处理会…

Nginx-WMware安装 c

CentOS-7-x86_64-Minimal-1810.iso镜像下载地址通过网盘分享的文件：CentOS-7-x86_64-Minimal-1810.iso 链接: https://pan.baidu.com/s/1As2tckziAeVVF7sNJkZSlA?pwd=sky1 提取码: sky1 一、新建虚拟机二、选择 “典型”三、选择刚刚下载的 CentOS-7-x86_64-Minimal-1810的I…

element-plus 引入本地图片

方法1

方法2

相关文章