最近,有个需求你要给元素设置背景图片, 突然发现直接background-image不好使了, 于是采用了一下的方式来解决
首先在data中定义
data(){
return {
backImgStyle: {
backgroundImage: "url(" + require("@/assets/image/sky.png") + ")",
backgroundRepeat: "no-repeat",
backgroundPosition: "center",
}
}
}
随后在需要用到的地方
<div :style="backImgStyle"></div>