在vue中通过css方式设置背景图不生效,大意了,没有闪。那我们就来看看解决方法吧:
首先在date中定义一个对象,里面配置背景图片的属性,比如图片、是否平铺、图片大小等,然后在需要设置的div中通过:style来绑定这个对象
我有闪,上代码:
data(){
return{
note: {
backgroundImage: "url(" + require("../assets/logo.png") + ")",
backgroundRepeat: "no-repeat",
backgroundSize: "25px auto",
marginTop: "5px",
},
}
},
<div class="note" :style="note"></div>
这就行了,记得给div加上宽高哦。