使用事件代理解决v-html点击事件无效

v-html是vue中用来将string形式的html内容按普通HTML插入的命令 – 并且插入的内容不会作为 Vue 模板进行编译 。

项目中遇到的问题:

vue用v-html命令解析带有html标签的内容,a标签内有点击事件(格式:),但是采用v-html解析标签时会导致点击事件失效

就是前面提到的v-html的特性:将添加进去的@click事件按string形式插入,没有作为 Vue 模板进行编译。

解决方法:

vue代码如下:

Original: https://www.cnblogs.com/henuyuxiang/p/15165906.html
Author: 岁月淡忘了谁
Title: 使用事件代理解决v-html点击事件无效

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/551849/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球