vue3在setup中引入本地图片

方式一: 定义变量

const  imgUrl = '@/assets/imgs/xxx.png';  # 你的图片路径

 方式二: 使用new URL

const list = [
  { img: new URL('@/assets/imgs/sfzs/dljs.jpg', import.meta.url).href,title:'图片一'},
  { img: new URL('@/assets/imgs/sfzs/jtds.jpg', import.meta.url).href,title:'图片二'}
]

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

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

iOS--NSURLSession Alamofire流程源码解析（万字详解版）

iOS--NSURLSession Alamofire流程源码解析（万字详解版）

一、NSURLSession NSURLSession的主要功能是发起网络请求获取网络数据，是Apple的网络请求原生库之一。Alamofire就是对NSURLSession的封装，如果对NSURLSession不熟悉的话，那么Alamofire源码看起来会比较费劲的。因此我们先简单学习下NSURLSe…
阅读更多...
Springboot整合抖音小程序获取access-token图片检测V3

Springboot整合抖音小程序获取access-token图片检测V3

抽取配置文件 appId以及secret需要自行在抖音开放平台获取 dy:appId: ttb0xxxxxsecret: 12a19a426xxxxxxxxxxxxx获取access-token 参照文档我们调用此接口需要先获取access-token 获取access-token官方文档地址 注意事项 client_token 的有效时间为 2 个小时，重复获…
阅读更多...
力扣- 背包问题

力扣- 背包问题

关于背包问题,推荐卡哥的视频,结合代码随想录食用,效果绝佳!!! 传送门: 带你学透0-1背包问题！| 关于背包问题，你不清楚的地方，这里都讲了！| 动态规划经典问题 | 数据结构与算法_哔哩哔哩_bilibili 带你学透01背包问题&#xff…
阅读更多...
HyperWorks汽车B-柱网格变形

HyperWorks汽车B-柱网格变形

在这一节，将练习如何使用变形域，实现汽车 B-柱有限元模型的网格变形。 图 7-13 网格变形前后的 B 柱模型 Step01：读取并查看模型。 打开模型文件 Exercise_7c.hm。 Step02：创建变形域。 (1) 通过路径 HyperMorph > Morph…
阅读更多...
C++笔记之原子操作

C++笔记之原子操作

C++笔记之原子操作 code review! 文章目录 C++笔记之原子操作1.初始化2.赋值3.取值4.赋给另一个原子类型5.`exchange`6.`compare_exchange_weak` 和 `compare_exchange_strong`使用场景7.注意事项在 C++ 中，原子类型提供了对共享变量的无锁操作，确保多线程环境下的安全。以下…
阅读更多...
【Linux】为什么创建目录文件，硬链接数是2；创建普通文件时，硬链接数是1？（超详细图文解答）

【Linux】为什么创建目录文件，硬链接数是2；创建普通文件时，硬链接数是1？（超详细图文解答）

前言 大家好吖，欢迎来到 YY 滴Linux系列 ，热烈欢迎！ 本章主要内容面向接触过C的老铁 主要内容含： 欢迎订阅 YY滴C专栏！更多干货持续更新！以下是传送门！ YY的《C》专栏YY的《C11》专栏YY的《Lin…
阅读更多...
图示详解OpenEuler下Samba多用户身份验证配置、测试

图示详解OpenEuler下Samba多用户身份验证配置、测试

前言 前文《图例详解OpenEuler下Samba安装、配置和测试》已对Samba服务的工作原理、安装、配置和测试，做了系统的介绍，并对匿名用户的访问samba服务器做了配置，相必读者已对samba服务的流程有了初步、系统的了解，本文在以上基础上…
阅读更多...
DevExpress WinForms中文教程：Data Grid - 如何完成数据输入验证？

DevExpress WinForms中文教程：Data Grid - 如何完成数据输入验证？

本教程介绍DevExpress WinForm的Data Grid控件是如何利用网格组件完成数据输入验证的。 P.S：DevExpress WinForms拥有180组件和UI库，能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序…
阅读更多...
vim 操作

vim 操作

vim编辑器的有三种工作模式：命令模式、插入模式和底行命令模式 打开进入命令模式： 由命令模式到输入模式：i:在光标前插；a:在光标后插；o:在下一行插 由输入模式进入命令模式：esc 由命令模式进入底行命令…
阅读更多...
LabVIEW技术难度最大的程序

LabVIEW技术难度最大的程序

在LabVIEW开发中，技术难度最大的程序通常涉及复杂的系统架构、高精度的控制要求、大量数据处理，以及跨平台或多硬件设备的集成。以下是几类具有高技术难度的LabVIEW程序： 1. 高精度实时控制系统 LabVIEW中涉及高精度实时控制的系统程序&…
阅读更多...
探索极致性能：R9-9950X与I9-14900K的深度较量

探索极致性能：R9-9950X与I9-14900K的深度较量

处理器是电脑及服务器的心脏，处理器的性能直接影响着电脑或服务器的运行效率、多任务处理能力以及整体用户体验。一款优秀的处理器，能够确保系统流畅运行，无论是处理复杂的数据分析、高强度的图形渲染，还是享受沉浸式的游戏体验&a…
阅读更多...
【spring ai】java 实现RAG检索增强，超快速入门

【spring ai】java 实现RAG检索增强，超快速入门

rag 需求产生的背景介绍： 在使用大模型时，一个常见的问题是模型会产生幻觉（即生成的内容与事实不符），同时由于缺乏企业内部数据的支持，导致其回答往往不够精准和具体，偏向于泛泛而谈。这些问题…
阅读更多...
Selenium实现滑动滑块验证码验证！

Selenium实现滑动滑块验证码验证！

背景：在部分的登录中有滑动验证码的验证，由于滑动验证码的缺块是随机的就导致实现起来比较困难！ 01、实现方案 模板匹配 通过openCV分析两个图片的相似度，获取两个相似度很高图片的坐标，从而计算两个图片的距离。 轮…
阅读更多...
基础sql

基础sql

在执行删除操作之前，建议先运行一个 SELECT 查询来确认你要删除的记录。这可以帮助你避免误删数据。 删除字段id默认值为空字符串的所有数据 delete from users where id ; 删除字段id默认值为null的所有数据 delete from users where id is null; 删除字段upd…
阅读更多...
数据容器（序列）的切片

数据容器（序列）的切片

1.数据容器：列表，元组，字符串 2..切片可以提取序列中的片段或整个序列 ##切片的格式为：变量名[ 起始位置:停止位置：步数] #起始位置为序列首位时可省略不写，停止位置为序列尾部时也如此，##停止…
阅读更多...
多jdk版本环境下，jenkins系统设置需指定JAVA_HOME环境变量

多jdk版本环境下，jenkins系统设置需指定JAVA_HOME环境变量

一、背景 由于不同项目对jdk版本的要求不同，有些是要求jdk11，有些只需要jdk8即可。 而linux机器上安装jdk的方式又多种多样，最后导致jenkins打包到底使用的是哪个jdk，比较混乱。 1、java在哪 > whereis java java: /usr/bin/…
阅读更多...
sql实战解析-sum()over(partition by xx order by xx)

sql实战解析-sum()over(partition by xx order by xx)

该窗口函数功能 sum( c )over( partition by a order by b) 按照一定规则汇总c的值，具体规则为以a分组，每组内按照b进行排序，汇总第一行至当前行的c的加和值。 从简单开始一步一步讲， 1、sum( )over( ) 对所有行进行求和 2、sum(…
阅读更多...
第二十五：IP网络层的数据，IP数据报

第二十五：IP网络层的数据，IP数据报

在数据链路层传输的数据叫帧，帧是数据链路层的传输单元。 那么在IP网络层的数据也有一个叫法IP数据报。 IP数据报 IP数据报首部 数据。 数据是传输层传递过来的报文；IP数据报首部格式如下： IP 报头的最小长度为 20 字节，上图…
阅读更多...
打造爆款店铺：eBay、Temu、亚马逊卖家如何借助测评提升流量转销量？

打造爆款店铺：eBay、Temu、亚马逊卖家如何借助测评提升流量转销量？

无论是eBay还是在亚马逊、沃尔玛、Temu、速卖通、敦煌网、shopee、lazada平台上，流量是店铺获得曝光和销售的关键因素之一。提高店铺流量意味着能够吸引更多的买家浏览和关注，从而增加销售机会。那么，在eBay、Temu、亚马逊店铺中如何有效地提…
阅读更多...
大模型还能让我们望梅止渴多久？

大模型还能让我们望梅止渴多久？

大模型梦碎的时间点似乎越来越近。过去一周，有关人工智能的消息糟糕多于积极。 周初，诺贝尔物理学奖和化学奖接连砸向时下正热的人工智能领域。这些奖项出人意料且鼓舞人心，意味着人工智能的确已经根本性地改变了我们生活和科学体系的方方面…
阅读更多...
最新文章

Copyright @ 2022~2023