在vue.js中显示图像

Question

我正在尝试开发SPA。在这方面，我在前端使用vue.js 2，在后端使用Laravel 5.5 API。现在我想在前端显示图像。我用HTML编写了下面的代码

<img :src="/images/addressObj.image"/>

我应该在Laravel中放置图像，如何在vue.js中访问该图像？

Answer 1

假设这是.vue或.js文件，

<img :src="`/images/${addressObj.image}`"/>

我假设您已正确完成变量addressObj的必要内容。

Answer 2

好吧，因为你有动态源绑定，你必须要求每个图像。

所以你应该这样做：

<img :src='require(`./images/${addressObj.image}`)'>