vue无法显示背景图片

Question

<li style="background-image: url(../../assets/images/indexbg1.png);"></li>

li{
    width: 258px;
    height: 100px;
    background-size: 100%;
}

这代码应该没问题吧？但就是显示不出图片（开发环境）

为了证明图片路径没错，我用了img标签又试了一下

<img src="../../assets/images/indexbg1.png"> //可以显示

所以这里很奇怪，为什么img能显示图片，背景图片就不行？而且是相同的图片路径。。。

Answer 1

使用:style 而不是 style.

建议多看看文档

Answer 2

你可以用img来引入来代替 如果非要用背景的话 可以把图片放在static文件夹下相对路径引入

或者你图片有绝对路径的话 也可以直接在dom上 用背景引入

Answer 3

display:inline-block

Answer 4

url路径不对，使用style引入的时候路径不做编译

Answer 5

v-bind:style="{ backgroundImage: url('url') }"

Answer 6

url路径不对，使用style引入的时候路径不做编译,bind一下

:style = "background-image: url(../../assets/images/indexbg1.png)"