VUE style中设置background不显示问题

今天用vue做了一个小项目,想再模板中直接写style background,结果编译出来,好像是路径找不到的问题,根本就没有显示,后来才发现引用的方式需要变一下,在data数据层加上require(‘图片路径’)

今天用vue做了一个小项目,想再模板中直接写style background,结果编译出来,好像是路径找不到的问题,根本就没有显示,后来才发现引用的方式需要变一下,在data数据层加上require('图片路径')

<script>
	data(){
		return{
			bannerbg:require('../1.jpg')
		}
	}
</script>

模板中引用如下

<div class="banner-bg" :style="'background-image:url('+bannerbg+')'"></div>

以上这篇VUE style中设置background不显示问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持芦苇派。

原创文章,作者:ECHO陈文,如若转载,请注明出处:https://www.luweipai.cn/html/1636814630/