Vue-cli：如何使用来自本地 json 的图片路径作为 src

Question

我有一个json文件，其结构如下：

[
{
"id": 1,
"name": "name1",
"address": "require(./assets/pic1.jpg)"
}
]

我导入它：

import data from "./assets/test.json"

然后尝试将其用作我的图像的src：

<img :src='item.address'>

但图像并没有出现。有人能说如何解决这个问题吗？

Answer 1

您可以通过更改json文件和图像元素来解决此问题：

[
{
"id": 1,
"name": "name1",
"address": 'pic1.jpg'
}
]
<img :src="require(`./assets/${item.address}`)" >

点击此处查看更多信息：https://github.com/vuejs/Discussion/issues/202