«

vue设置背景图片

发布于 2018-6-11 14:30   2335 次阅读     


在Vue项目开发中我们经常要向页面中添加背景图片,可是当我们在样式中添加了背景图片后,由于路径解析的问题,图片并不能够正确的显示出来,如下CSS样式:

  dom.target.style.background="url(../../assets/input-b.png) no-repeat center";

我们需要这样设置:

        dom.target.style.background="url(" + require("../../assets/input-b.png") + ") no-repeat center";

这样图片就可以正常显示了