当前位置: 首页 > article >正文

接口返回的结构体里包含图片(做图片预览)

摘要:有这么一种情况,页面上有一块儿内容是接口返回的,前端做渲染,比如

<div>
    <p>
        <img src='xxx' />
    </p>
    <p>
        测试
    </p>
</div>

这是接口返回的字符串结构数据,这时候需要前端做一下图片预览,该怎么处理呢?

思路:

拿到渲染v-html的这个元素下所有的img元素集合,如下在mounted里增加当前图片的click事件,this.$refs.stem.addEventListener("click", this.onPreviewHandler);然后检测是否点击的是image图片,如果是则可以执行预览了,代码如下,供参考


http://www.kler.cn/a/393212.html

相关文章:

  • IntelliJ IDEA 中 Editor > General > Appearance 设置:编辑器的视觉外观和行为
  • QT-【常用容器类】-QList类 QLinkedList类
  • 面向对象编程概念
  • Y3编辑器教程8:资源管理器与存档、防作弊设置
  • Mysql InnoDB存储引擎中聚簇索引和非聚簇索引的区别
  • Dubbo简单总结
  • ubuntu内核更新导致的nvidia cuda驱动失效问题
  • 第十九章 TCP 客户端 服务器通信 - 数据包模式
  • 测试体系与测试方案设计
  • 320页PDF | 集团IT蓝图总体规划报告-德勤(限免下载)
  • 基于物联网的家庭自动化系统:使用网络映射器和MQTT协议
  • LuaJIT源码分析(六)语法分析
  • Linux编程:基于 Unix Domain Socket 的进程/线程间通信实时性优化
  • 小程序入门到实战(二)-----基础知识部分1.0
  • ssm079基于SSM框架云趣科技客户管理系统+jsp(论文+源码)_kaic
  • 建设展示型网站企业渠道用户递达
  • SwiftUI-基础入门
  • CSS:导航栏三角箭头
  • AutoML入门
  • 通胀降温遇到波动,美联储降息或成更大争议焦点
  • Eclipse 任务管理
  • MongoDB在现代Web开发中的应用
  • C/C++|关于“子线程在堆中创建了资源但在资源未释放的情况下异常退出或挂掉”如何避免?
  • GxtWaitCursor:Qt下基于RAII的鼠标等待光标类
  • Spring Boot 自动装配原理
  • C++20 STL CookBook 7 Containers(II)