鍍金池/ 問(wèn)答/HTML/ 后臺(tái)獲取帶html標(biāo)簽的文章詳情， 怎么為里面的圖片加上點(diǎn)擊事件

后臺(tái)獲取帶html標(biāo)簽的文章詳情， 怎么為里面的圖片加上點(diǎn)擊事件

后臺(tái)獲取帶html標(biāo)簽的文章詳情， 怎么為里面的圖片加上點(diǎn)擊事件

我在vue里面使用的是v-html進(jìn)行渲染的。 有什么辦法給圖片加上點(diǎn)擊事件嗎。

回答
編輯回答
厭惡我
  1. 樓上的說(shuō)法基本都對(duì)。
  2. 十分不建議用“服務(wù)器端渲染”+v-html的方式來(lái)生成頁(yè)面，這樣一方面給 XSS 攻擊留下漏洞，另一方面也造成后端和前端嚴(yán)重耦合，加大日后的維護(hù)成本。
2018年8月18日 12:18
編輯回答
舊城人

變相實(shí)現(xiàn)，不知道是否可行，大概思路就是利用事件冒泡

在整個(gè)html的那個(gè)組件上(所有圖片的父級(jí)元素)的click事件中添加執(zhí)行函數(shù)

然后傳遞事件變量到方法

通過(guò)event.target.nodeName=='IMG'判斷是是否點(diǎn)擊了圖片，然后進(jìn)行后續(xù)業(yè)務(wù)處理

2017年7月30日 16:36
編輯回答
糖豆豆

謝邀，

可以給父元素綁定事件(v-html的節(jié)點(diǎn))，在根據(jù)e.target判斷是否是img標(biāo)簽，并執(zhí)行操作

2017年12月3日 20:38