vue3 图片加载报错时,设置默认图片

项目场景:

        在项目开发中,图片因为各种原因加载失败,这时候需要设置默认的图片(暂无图片.png)


问题描述

        在使用vue3开发问题的同时,有些图片因为服务器更换,历史数据问题,加载失败,需要设置默认图片。


原因分析:

        主要是服务器做了几次切换,域名也切换了好几次,数据库中存在各种历史数据。


解决方案:

 <img :src="info.Photo" class="posterImg" alt="" @error="noFind()">const noFind = ()=>{courseData.value.info.Photo = "https://www.xxxx.com/暂无图片.png"
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/13515.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【配置】雷池WAF社区版安装

官方文档点击跳转 什么是雷池 雷池&#xff08;SafeLine&#xff09;是长亭科技耗时近 10 年倾情打造的 WAF&#xff0c;核心检测能力由智能语义分析算法驱动。 什么是 WAF WAF 是 Web Application Firewall 的缩写&#xff0c;也被称为 Web 应用防火墙。 区别于传统防火墙…

记某src通过越权拿下高危漏洞

在挖掘某SRC时&#xff0c;遇到了一个社区网站&#xff0c;社区站点是我在挖掘SRC时比较愿意遇到的&#xff0c;因为它们可探索的内容是较多的&#xff0c;幸运地&#xff0c;通过两个接口构造参数可进行越权&#xff0c;从而获得整个网站用户的信息。 图片以进行脱敏处理。在…

单词可交互的弧形文本

在一个项目中&#xff0c;要求把少儿读本做成电子教材呈现出来&#xff0c;电子书的排版要求跟纸质书一致。其中&#xff0c;英语书有个需求&#xff1a;书中有些不规则排版的文本&#xff08;如下图所示&#xff09;&#xff0c;当随书音频播放时&#xff0c;被读到的文本要求…

gin框架学习笔记(四) ——参数绑定与参数验证

参数绑定 前言 在Gin框架中我们可以利用bind来将前段传递过来的参数与结构体进行参数绑定与参数校验&#xff0c;而这bind的方式主要有以下两种: Mustbind:一般使用较少&#xff0c;因为参数校验失败会改变状态码Shouldbind&#xff1a;主要使用上的校验方法&#xff0c;校验…

Elasticsearch - HTTP

文章目录 安装基本语法索引创建索引查看索引删除索引 文档创建文档更新文档匹配查询多条件查询聚合查询映射 安装 https://www.elastic.co/downloads/past-releases/elasticsearch-7-17-0 下载完成启动bin/elasticsearch服务&#xff0c;可以在Postman调试各种请求。 基本语法…

MySQL:什么样的字段适合加索引?什么样的字段不适合加索引

1 适合加索引的场景 (1)主键字段:用于唯一标识每个记录的字段,通常是数据库表中的一个自增或唯一标识字段。 (2)外键字段:用于连接两个表之间关系的字段,通常是一个表中的字段与另一个表中的主键字段关联。 (3)经常用于查询的字段:如果某个字段经常被用于查询条件…

新建jupyter notebook 出错

File “/home/map/huyong06/xdev/lib/python3.6/site-packages/notebook/utils.py”, line 36, in exists os.lstat(path) UnicodeEncodeError: ‘ascii’ codec can’t encode characters in position 28-30: ordinal not in range(128) [W 14:08:19.063 NotebookApp] Unhandl…

高稳定LED驱动IC防干扰数显驱动控制器热水器LED驱动芯片VK1650 SOP16/DIP16 原厂FAE支持

产品型号&#xff1a;VK1650 产品品牌&#xff1a;永嘉微电/VINKA 封装形式&#xff1a;SOP16/DIP16 工程服务&#xff0c;技术支持&#xff01; 概述 VK1650是一种带键盘扫描电路接口的 LED 驱动控制专用芯片&#xff0c;内部集成有数据锁存器、LED 驱动、键盘扫描等电路。…

2024年职称评审流程大揭秘,顺利拿下职称

上半年时间不急&#xff0c;中旬太忙&#xff0c;没有时间&#xff0c;下半年干着急。评职称一定要趁早&#xff0c;不然卡住一个流程&#xff0c;今年就不需要评职称了。中级副高级职称评职称就像挤公交你不努力挤一把&#xff0c;就只能等下一趟下一趟。所以评职称一定要看准…

[Cocos Creator 3.5赛车游戏] 第4节 创建汽车节点

在实现汽车节点之前&#xff0c;我们要先熟悉一下少量的基本概念&#xff0c;这样才能让您更快的实现第一个汽车节点。 一、基本概念 1.什么是节点&#xff1a; 在Cocos中&#xff0c;场景是由一系列节点组成的&#xff0c;每个节点下面又可以有子节点&#xff0c;而每个节点都…

Axure RP 9 for Mac:强大的原型设计利器

Axure RP 9 for Mac是一款功能强大的原型设计工具&#xff0c;专为Mac用户打造。它支持高保真度的应用程序和网站原型设计&#xff0c;帮助用户快速创建高质量的产品原型。软件内置丰富的交互效果和动画设计选项&#xff0c;设计师可以通过简单的操作&#xff0c;为原型添加各种…

php获得淘宝商品评论 API

要获得淘宝商品评论的API&#xff0c;您可以使用淘宝开放平台的接口。以下是获取淘宝商品评论的一种方法&#xff1a; 注册成为淘宝开放平台的开发者。登录淘宝开放平台&#xff0c;创建应用&#xff0c;获取到App Key和App Secret。或者使用第三方App Key和App Secret生成签名…

Eclipse下WEB-INF/classes目录下没生成编译最新class文件

右击项目 >> Properties >>Deployment Assembly >>Source 把/src/main/java 的Deploy Path 改为 WEB-INF/classes

MYSQL之binlog详解优缺点

MYSQL之binlog详解 一、什么是binlog&#xff1f; binlog,即二进制日志,它记录了数据库上的所有改变&#xff0c;并以二进制的形式保存在磁盘中它可以用来查看数据库的变更历史、数据库增量备份和恢复、Mysql的复制&#xff08;主从数据库的复制&#xff09;二、binlog模式 …

大模型平台后端开发(xiaomi)

文章目录 算法题 算法题 1 三数之和 &#xff08;注意去重的边界条件&#xff0c;过几天再刷几次&#xff09; 2 长度最小的子数组 (代码随想录题目&#xff0c;滑动窗口) 3 用链表实现栈 package mainimport ("errors""fmt" )// Node 定义链表节点 type…

记录计全支付切换到RabbitMQ时启动报错的问题

记录计全支付切换到RabbitMQ时启动报错的问题 首先在application.yml中切换到RabbitMQ配置安装RabbitMQ、Erlang、延时插件 rabbitmq_delayed_message_exchange&#xff0c;延迟插件必装 首先在application.yml中切换到RabbitMQ配置 # 第一处rabbitmq:addresses: 127.0.0.1:56…

java安全可控、安可、国产信创、国产化有哪些替代品【完整版本】100%兼容测试

安全可控、安可、 国产信创、国产化 java安全可控、安可、国产信创、国产化有哪些替代品【完整版本】100%兼容测试 系统、芯片、CPU、缓存、数据库、中间件、负载均衡、WEB服务器、防火墙、消息队列 开发 角色: 前端☑ 后端☑ 测试□ 数据库☑ 产品✅ UI设计□ 是否熟悉国产…

python 合并 pdf

from pypdf import PdfMergerpdfs [file1.pdf, file2.pdf, file3.pdf, file4.pdf]merger PdfMerger()for pdf in pdfs:merger.append(pdf)merger.write("result.pdf") merger.close()参考 https://stackoverflow.com/questions/3444645/merge-pdf-files

Winform自定义控件 —— 开关

在开始阅读本文之前&#xff0c;如果您有学习创建自定义控件库并在其他项目中引用的需求&#xff0c;请参考&#xff1a;在Visual Studio中创建自定义Winform控件库并在其他解决方案中引用https://blog.csdn.net/YMGogre/article/details/126508042 0、引言 由于 Winform 框架并…

深入探索Jetpack Compose:大前端式客户端开发实战

&#x1f482; 个人网站:【 摸鱼游戏】【神级代码资源网站】【工具大全】&#x1f91f; 一站式轻松构建小程序、Web网站、移动应用&#xff1a;&#x1f449;注册地址&#x1f91f; 基于Web端打造的&#xff1a;&#x1f449;轻量化工具创作平台&#x1f485; 想寻找共同学习交…