我有一个.vue我想在其中使用内联样式的文件
<img src="~static/img/info/production/pic4.jpg" class="t22" />
<a href="/page/fresco-art" class="btn t23">First text</a>
<div class="hr t24"></div>
<h2 class="t25">Second text</h2>
<ul class="services">
<li :style="{ backgroundImage: `url('~static/img/info/production/pic5.jpg')` }" class="sq">
<div class="n">Third text</div>
</li>
</ul>
使用标签的图像<img>显示正确，但是background-image in tag <li> is not.
如何正确指定文件路径？
编辑：真的没想到必须主持这个，但这里是：https://codesandbox.io/s/so-nuxt-background-image-bf0ly?file=/pages/index.vue
精确的结构，相同的（ESlinted）模板，工作解决方案。无法超越这一点。
我不确定这是否是通用解决方案，但这对我来说很有效
<li :style="{ backgroundImage: `url(${require('@/static/japan.jpg')})` }">
The require这里似乎需要，不知道为什么，但它有效。文档中的更多内容：https://nuxtjs.org/docs/2.x/directory-struct/assets/#images
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
