vue2使用background-image设置背景图片不显示 解决

第一步：

需要在script中引入图片的路径

第二步：

在data里设置

第三步：渲染到页面当中，显示图片的仔斗设置

一般情况下，此方式就解念芦磨决了哗橘以上图片显示不出的问题，若是仍然不显示可以试着将图片的大小改小些。（低于300KB）

在某个需求下，需帆裂弊要鼠标移入时是A背景图，移出时是B背景图。（针对于Vue项目），如果是普通的HTML页面可直接在js中获取dom元素去修改style等方式实现，在Vue中，需源哗要先将图片导入，将图片声明为一个变量。

如截图所示，我们要改变的是红圈标记的两个图片，当鼠态族标移入部分时，将那块的image替换为UI给的图片。

这里也可以用require去获取

也可以使用import导入再去data中去赋值给变量

下面就是赋值给到变量中去

---