v-html富文本内容,如何触发预览图片功能
【v-html富文本内容,如何触发预览图片功能】把直接绑定事件在v-html的元素上
通过event方法定位出,点击触发的nodeName是否是img类型
如果是触发预览图片功能,可以用el-image直接触发,在我的上一篇文章里
Element-ul的 el-image-viewer组件实现点击或者js触发能预览大图功能
hanldeImage(event) {
if (event.target.nodeName == 'IMG' || event.target.nodeName == 'img') {
const img = event.target.currentSrc
this.showImage([img])
// 预览图片方法
}
},
推荐阅读
- 《失落的百年致富圣经》读后感
- 合理情绪疗法之试用|李克富思维训练营56/90
- 2018-09-03(李克富视角点评训练营81/90)|2018-09-03(李克富视角点评训练营81/90) 那只蛙从“井”爬出来又进入了“隧道”
- 幸福是个比较级
- 财富自由之路
- 我的朋友,你一定会成为富妈妈
- 第二阶段day1总结
- 富裕的好处是对资源的优先占有
- 《通往财富自由之路》人生的终极问题到底是什么()
- 2020年,财富逻辑的大变迁