vue style 标签中 background-image 空白不显示

vue style 标签中 background-image 空白不显示通常我们使用background-image标签时,url的值无非就以下几种:先说上面的第三种:@/assets/media/hd.jpg会提示文件不存在,编译报错/assets/media/hd.jpg不会提示报错,但是实际在开发页面不会显示图片。(对,其实就是加载不到图片吧。。。具体原因未知)…/…/…/assets/media/hd.jpg这种是我目前使用的,虽然相对…

vue style 标签中 background-image 空白不显示

通常我们使用 background-image 标签时, url 的值无非就以下几种:
![](https://img-blog.csdn.net/20181012193137547?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dyZWVrTXJ6eko=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
先说上面的第三种:

@/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 空白不显示分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/30335.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注