vue中设置背景图


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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM