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

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

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

思路：

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