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

我有一个具有以下结构的json文件:

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

我导入它:

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

然后尝试用作我的图片的src:

<img :src='item.address'>

但是没有出现图像。有人可以说如何解决这个问题吗?

lxyyxl001 回答:Vue-Cli:如何使用来自本地json的图片路径作为src

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

[
  {
    "id": 1,"name": "name1","address": 'pic1.jpg'
  }
]

<img :src="require(`./assets/${item.address}`)" >

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

本文链接:https://www.f2er.com/3080903.html

大家都在问