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'>

Но изображение не появляется. Кто-нибудь может сказать, как решить эту проблему?

javascript vue.js vue-cli vue-cli-3

Anton 18.11.2019 источник

arrow_upward
1
arrow_downward

Вы можете решить эту проблему, изменив файл json и элемент изображения:

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

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

MJ_Wales 18.11.2019