vue.js引用背景图background无效的3种解决方案_vue.js_

＃vue.js项目中，出现css调用background背景图无效？如何解决？

或者调用标签，也无效果？

直接上代码，自行对比查找一下：

效果图预览

1. 正确的代码，示例如下

上述代码中，出现了诸如：~@/和 @/，如果删除后，测试效果也正常，你也可以都去掉，不影响。

2. 错误的代码，截图对比

如下：

报错结果截图如下：

修改为正确代码方法，类比如下：

foo

具体参考官方文档：Class 与 Style 绑定

相比其他方法：

如果你用了vue-cli脚手架，在build/utils.js中找到ExtractTextPlugin位置在对象中加入这句publicPath: '../../'就行了(本人未测试)。

其他未测试到的状况，本文暂不深入发掘，如有发现另类bug，后续将会补充。

vue添加背景图没反应

table需要添加背景图，添加backgroundImage后发现不起作用，于是网上一番搜索，发现加了require后就好了

backgroundImage: ‘url(’ + require(‘图片地址’) + ‘)’,原来vue中的js引入图片，必须require进来。

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。 

提示： 本文由神整理自网络，如有侵权请联系本站删除！
本站声明：
1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！