当你在Vue.js中用较少的资源给一个元素添加背景图片，或者你会这样写

背景-image: url('./img/' @ { BG _ URL } ' 2x . png ')；或者像这样

背景-image: url('./img/' @ BG _ URL ' 2x . png ')；这样的

背景-图像：网址(./img/@ { BG _ URL } 2x . png)；像这样

背景-图像：网址(./img/@ BG _ URL 2x . png)；这样的

背景-图像：网址(./img/@ { BG _ URL } @ 2x . png)；如果有其中一个，恭喜都错了~ ~ ~

VUE会在命令行上给你一个错误，比如：

浏览器也会给你一个温馨的提醒：

需要将元素的背景图片“”设置为小于，并且变量必须以@ {变量名}的格式编写。在@ {变量名}后面不允许@符号，否则会报错，因为他在编译过程中会认为你的@ {变量名}后面的@符号是一个变量，而且他已经检测到你的变量不符合编写URL中的要求。因此，在向元素添加背景图以设置URL时，使用更少的资源来安装以下内容可以完美地实现无错误报告

背景-image: url('./img/@ { BG _ URL } 2x . png ')；使用less设置背景图片中使用的变量时，尽量避免图片名称中的@符号，减少不必要的麻烦！

以上文章通过在Vue2.0中使用较少，解决了元素添加背景图片的问题，这是边肖分享的全部内容。希望能给大家一个参考，支持我们。