在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加上宽高哦。