gpt4 book ai didi

javascript - Vue js - 找不到图像源时设置替代图像

转载 作者:数据小太阳 更新时间:2023-10-29 06:09:35 30 4
gpt4 key购买 nike

我在一个有产品列表的网站上工作。每个产品都有对应的图像。我将图像 url 绑定(bind)到源属性,如下所示。

<img :src="product.ImageUrl"/>

如果找不到图片,我想显示默认图片。

我在cshtml razor语法中做了如下操作(仅供引用)

onerror='this.onerror = null;this.src = "@Url.Content("~/images/photo-not-available.jpg")";'

我如何在 Vue 中实现相同的目标?

最佳答案

您可以在 Vue 中使用 @error 设置一个 onerror 处理函数:

<img :src="" @error="aVueFunctionThatChangesTheSrc">

关于javascript - Vue js - 找不到图像源时设置替代图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49037906/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com