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

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

你可能感兴趣的:(Vue)