当前位置: 首页 > 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

相关文章:

  • 1.7 JS性能优化
  • 排序算法 - 冒泡
  • 基于混合配准策略的多模态医学图像配准方法研究
  • jmeter常用配置元件介绍总结之后置处理器
  • 阿里巴巴通义灵码推出Lingma SWE-GPT:开源模型的性能新标杆
  • webpack loader全解析,从入门到精通(10)
  • 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)