接口返回的结构体里包含图片(做图片预览)
摘要:有这么一种情况,页面上有一块儿内容是接口返回的,前端做渲染,比如
<div>
<p>
<img src='xxx' />
</p>
<p>
测试
</p>
</div>
这是接口返回的字符串结构数据,这时候需要前端做一下图片预览,该怎么处理呢?
思路:
拿到渲染v-html的这个元素下所有的img元素集合,如下在mounted里增加当前图片的click事件,this.$refs.stem.addEventListener("click", this.onPreviewHandler);然后检测是否点击的是image图片,如果是则可以执行预览了,代码如下,供参考