您不能在属性中使用 curl （小胡子标签）。请使用以下命令来连接数据：

<img v-bind:src="imgPreUrl + 'img/logo.png'">

或者简短地说：

<img :src="imgPreUrl + 'img/logo.png'">

在Vue文档中阅读更多关于动态属性的信息。

在另一种情况下，我可以使用模板文本ES6与反勾号，所以对于你的可以设置为：

<img v-bind:src="`${imgPreUrl()}img/logo.png`">

试试看

<img :src="require(`${imgPreUrl}img/logo.png`)">

以下两种方法均有效。

方法1

用+符号串联，并用单/双引号将字符串括起来。

<img :src="imgPreUrl() + 'img/logo.png'">

方法2

使用反勾号```换行，使用${variable}换行变量。由于imgPreUrl是一个方法，因此，

<img :src="`${imgPreUrl()}img/logo.png`">

如果您从数据库处理此问题，请尝试：

<img :src="baseUrl + 'path/path' + obj.key +'.png'">

如果有帮助的话，我将使用以下代码来获取gravatar图像：

<img
        :src="`https://www.gravatar.com/avatar/${this.gravatarHash(email)}?s=${size}&d=${this.defaultAvatar(email)}`"
        class="rounded-circle"
        :width="size"
    />

对我来说，它说模块没有找到，也不工作。最后，我找到了这个解决方案，并工作。

<img v-bind:src="require('@' + baseUrl + 'path/path' + obj.key +'.png')"/>

需要在本地路径的开头添加“@”。