大汉网站开发,wordpress首页代码,手机端网站尺寸规范,什么是网页版登录Vue3 Vite ts引入本地图片
单张图片导入
单个图片导入#xff0c;不过多阐述#xff0c;通过 import 导入需要使用的图片。
import imgName from /assets/img/imgName.png 多张图片导入
new URL() import.meta.url
import.meta.url 是一个 ESM 的原生功能#xff0…Vue3 Vite ts引入本地图片
单张图片导入
单个图片导入不过多阐述通过 import 导入需要使用的图片。
import imgName from /assets/img/imgName.png 多张图片导入
new URL() import.meta.url
import.meta.url 是一个 ESM 的原生功能会暴露当前模块的 URL。将它与原生的 URL 构造器 组合使用。
在一个 JavaScript 模块中通过相对路径我们就能得到一个被完整解析的静态资源 URL相对路径一定要写正确当前引入图片的文件相对图片的位置
const getWeatherIcon (iconId) {return new URL(/assets/images/weather/W${iconId}3x.png, import.meta.url).href;
}通过传入所需图片的关键字符拿到对应图片
getWeatherIcon(imagecode) 背景图片引入
如果是背景图片引入的方式一定要使用相对路径
