概述
通常我们使用 background-image 标签时， url 的值无非就以下几种：
先说上面的第三种：
@/assets/media/hd.jpg
会提示文件不存在，编译报错
/assets/media/hd.jpg
不会提示报错，但是实际在开发页面不会显示图片。（对，其实就是加载不到图片吧。。。具体原因未知）
…/…/…/assets/media/hd.jpg
这种是我目前使用的，虽然相对路径在书写上比较麻烦，但是可以正确显示。也不需要像其他人博客里介绍的那样，通过data 设置一个 url 值，再通过:style="xxxx" 在 template 标签上写动态的内敛样式。
/static/media/hd.jpg
推荐这种， 静态资源一般都需要存放到 static 目录下。
最后
以上就是端庄棒球为你收集整理的vue style 标签中 background-image 空白不显示的全部内容，希望文章能够帮你解决vue style 标签中 background-image 空白不显示所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复