vue-cli项目中动态设置div的background

动态设置divbackground是因为想着以后可以方便更改嘛,那么怎么设置呢?
不多说废话了,直接上答案
下图给这个div设置了背景图片
在这里插入图片描述
这个IndexImgUrl是设置在data里的,不过也是有讲究的
在这里插入图片描述
请注意图片是放在static目录下,而不是asserts目录下的!!!
因为编译后的文件目录格式其实已经改变了
如果是静态引用的图片可以放在asserts里面引用没问题,但是如果是要借助vue-cli来引用,那么就要放到static文件夹下
在这里插入图片描述

原文地址:https://www.cnblogs.com/yinyoupoet/p/13287481.html