当前位置： 首页 > news >正文

vue3图片找不到用一个其他图片代替

news 来源：原创 2024/9/20 5:23:19

img标签如果是个图片当然可以正常显示（当前不包含图片不存在的情况的前提下）

如果img的src是个pdf的文件就无法实现预览，就会有个图片破损的样子。

这时候我们可以用@error

<img :src="imageUrl" class="upload-image" @error="$event.target.src=defaultPDF"/>
import  defaultPDF from '@/assets/images/default-pdf.png';//本地的静态图片

一定要下面引入，不然直接写链接地址也不能正常的显示出来

我这里不希望改变绑定的imageUrl的值。所以给这个src重新赋值。而不是imageUrl赋值成defaultPDF

相关文章：

  • 北京网站建设多少钱？
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 跳跃游戏 II
  • Sinc Function介绍
  • C++：引用
  • 【Python报错已解决】`TypeError: an integer is required (got type bytes)`
  • 原码 补码 反码
  • 常用开发工具配置笔记
  • 保存大量数据用sqllite还是indexdb
  • 黑屏环境下，如何利用OBD部署OceanBase企业版集群
  • H264编码原理（二）帧内预测
  • 多场景建模: STAR(Star Topology Adaptive Recommender)
  • uniapp scroll-view滚动触底加载 height高度自适应
  • MySQL中的锁详解
  • SLAM ORB-SLAM2（29）PnP估计姿态
  • C++ | Leetcode C++题解之第375题猜数字大小II
  • Java面试宝典-java基础07
  • 【Leetcode】101. 对称二叉树
  • ［nginx文档翻译系列］ 控制nginx
  • [数据结构]链表的实现在PHP中
  • [译] 理解数组在 PHP 内部的实现（给PHP开发者的PHP源码-第四部分）
  • bearychat的java client
  • PHP 的 SAPI 是个什么东西
  • php中curl和soap方式请求服务超时问题
  • Quartz初级教程
  • React 快速上手 - 06 容器组件、展示组件、操作组件
  • spring security oauth2 password授权模式
  • spring学习第二天
  • Swift 中的尾递归和蹦床
  • 大主子表关联的性能优化方法
  • 反思总结然后整装待发
  • 给自己的博客网站加上酷炫的初音未来音乐游戏？
  • 关于使用markdown的方法（引自CSDN教程）
  • 容器化应用: 在阿里云搭建多节点 Openshift 集群
  • 微服务框架lagom
  • ​TypeScript都不会用，也敢说会前端？
  • ​学习一下，什么是预包装食品？​
  • ​总结MySQL 的一些知识点：MySQL 选择数据库​
  • #DBA杂记1
  • #NOIP 2014# day.2 T2 寻找道路
  • （2022版）一套教程搞定k8s安装到实战 | RBAC
  • （39）STM32——FLASH闪存
  • (el-Date-Picker)操作(不使用 ts)：Element-plus 中 DatePicker 组件的使用及输出想要日期格式需求的解决过程
  • (TipsTricks)用客户端模板精简JavaScript代码
  • (zz)子曾经曰过：先有司，赦小过，举贤才
  • （二）hibernate配置管理
  • （六）DockerCompose安装与配置
  • （每日持续更新）jdk api之FileReader基础、应用、实战
  • （一）spring cloud微服务分布式云架构 - Spring Cloud简介
  • (一)为什么要选择C++
  • （转）eclipse内存溢出设置 -Xms212m -Xmx804m -XX:PermSize=250M -XX:MaxPermSize=356m
  • ***检测工具之RKHunter AIDE
  • . Flume面试题
  • .dwp和.webpart的区别
  • .net core 使用js，.net core 使用javascript，在.net core项目中怎么使用javascript
  • .NET 漏洞分析 | 某ERP系统存在SQL注入
  • .net6Api后台+uniapp导出Excel