VueJS找不到模块backgroundImage

Question

我正在尝试在组件中显示背景图像。

如果我理解得很好，我们必须使用

<div class="food-icon"
:title="tooltip"
:style="{backgroundImage: `url(${require(image)})`}">

但是我得到这个错误

渲染错误："错误：找不到模块".."/assets/fastine.jpg’"；

我尝试使用：

<div class="food-icon"
:title="tooltip"
:style="{backgroundImage: `url(${require('../assets/fast-food.jpg')})`}">

而且效果很好，我不明白为什么。

Answer 1

在您的第一个片段中，您遗漏了image周围的单引号

尝试：

url(${require('image')})

只需记住，无论你在url(' ')中包装什么，都必须被引用为有效字符串。