vue3.2使用本地图片显示不出来为什么
我就想用css传个图片当成背景图片把本地图片传入本地的时候用bgi引入为什么在页面显示不出来
![](https://profile-avatar.csdnimg.cn/default.jpg!4)
vue3如何使用本地图片
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
3条回答 默认 最新
- 妖王辣妹儿 2023-08-07 15:06关注
该回答引用gpt
在Vue3中,可以使用相对路径来引入本地图片。在你的代码中,使用了@符号作为别名,这通常是在vue-cli创建的项目中使用的别名,对应的路径为src目录。因此,你可以使用如下路径来引入本地图片:
<template> <div class="group">图片</div> </template> <script setup> import { ref } from 'vue' </script> <style scoped> .group { background-image: url('../assets/Group 144.jpg'); width: 500px; height: 500px; } </style>
注意,路径中的空格需要使用%20代替,如../assets/Group%20144.jpg。如果你的路径中包含其他特殊字符,也需要进行相应的转义。
解决 1无用
悬赏问题
- ¥20 python忆阻器数字识别
- ¥15 无法输出helloworld
- ¥15 高通uboot 打印ubi init err 22
- ¥20 PDF元数据中的XMP媒体管理属性
- ¥15 R语言中lasso回归报错
- ¥15 网站突然不能访问了,上午还好好的
- ¥15 有没有dl可以帮弄”我去图书馆”秒选道具和积分
- ¥15 semrush,SEO,内嵌网站,api
- ¥15 Stata:为什么reghdfe后的因变量没有被发现识别啊
- ¥15 振荡电路,ADS仿真