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