vue 给元素设置背景图片

最近,有个需求你要给元素设置背景图片, 突然发现直接background-image不好使了, 于是采用了一下的方式来解决

首先在data中定义 

data(){
  return {
    backImgStyle: {
        backgroundImage: "url(" + require("@/assets/image/sky.png") + ")",
        backgroundRepeat: "no-repeat",
        backgroundPosition: "center",
    }
 }
}

 随后在需要用到的地方

<div :style="backImgStyle"></div>