如何在vue js中将图像src路径绑定到后端数据答案

【问题标题】：how to bind image src path to backend data in vue js如何在vue js中将图像src路径绑定到后端数据
【发布时间】：2020-09-27 19:05:59
【问题描述】：

如何在 Vue js 中将图片 src 路径绑定到后端数据我知道如何在前端做到这一点就像

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

如何处理后端数据

【问题讨论】：

这个后端数据是什么样的？
它是 json { "id": 1, "meta": { "type": "wagtailimages.Image", "detail_url": "localhost/api/v2/images/1", "tags": [], "download_url": "/media/original_images/1_3.png" }, "title": "iphone.png" }

【解决方案1】：

如果您在下载网址之后：

<img :src="require(`@/assets/${item.image}`).download_url"

【讨论】：