Javascript 如何在Vue js中在线引用图像？

我有这样的想法：

product.Image\u url

被引用到我的数据库，该数据库具有类似

https://hackernoon.com/hn-images/1*YNBTPaCNBNWLoT7XAbJ1Lw.png

。这段代码给了我一个

加载资源失败的消息：服务器响应的状态为404（未找到）

错误。我不确定我在这里做错了什么

希望在这方面得到帮助

谢谢

<img class="product_image" :src="product.Image_url">

---

只需用冒号将其绑定并移除括号。

如果图像

https://something.com/something.png

确实存在（将url粘贴到浏览器地址栏以确保可以加载资源），然后尝试以下操作：

<img class="product_image" :src="product.Image_url">

---

如果您尝试使用当前的标记，vue将在JS控制台中记录一条警告，说明问题所在以及如何修复：

newvue({
el:“#应用程序”，
数据：{
产品：{Image_url:'https://via.placeholder.com/120.png?text=Product+图像'}
}
})

需要更多详细信息。目前，我可以说，您的图像路径是wrong@KasabuckiAlexandr图像路径只是一个例子。现在更新，谢谢！试试这个，希望你得到有效的答案！非常感谢。我会尽快接受答案：D