富文本返回图片如何添加点击事件

后端返回富文本内容时,我们如何对内容中的图片添加预览功能?

在很多用到富文本内容的地方在接收方都会遇到这么一个问题,这里我将我的解决方法总结至此。

<div v-html="content"></div>

1.直接给该元素添加点击事件

2.判断点击的事件源是否为图片e.target.nodeName == 'img' 

3.如果是则进行事件的处理 

posted @ 2019-02-18 10:25  狗尾草的博客  阅读(2138)  评论(0编辑  收藏  举报