当你在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中使用较少,解决了元素添加背景图片的问题,这是边肖分享的全部内容。希望能给大家一个参考,支持我们。