vuejs：图像的动态路径

Question

我尝试使用照片构建一个简单的列表，但我不知道如何动态地构建模式。

模板

<ul class="thumbnail-list">
    <li class="thumbnail-list__item thumbnail" v-for="item in data">
        <img :src="src(item.cover)" alt="">
    </li>
</ul>

脚本

computed: {
    src(img) {
        return require(`./photos/${img}`);
    },
},

这导致“未找到此相对模块：”

我用@

尝试了

return require(`@/photos/${img}`);

但接着我收到了这条消息   意外的require（），调用require（）应该使用字符串文字

最后我尝试了这个

return require('@/photos/' + img);
return require('~@/photos/' + img);

但这也不起作用，我得到了错误

意外的require（），调用require（）应该使用字符串文字，意外的字符串连接

我的相片位于“src / photos /”

文件夹下

如果我在模板中放入一个硬编码的src，它会找到图像

<img src="~@/photos/1.jpg">

那么我做错了什么？ ;）