首页 > Web开发 > 详细

innerHTML或v-html中的富文本绑定事件

时间:2021-07-14 12:00:09      阅读:16      评论:0      收藏:0      [点我收藏+]

 通常有段富文本 是采用v-html渲染的 你需要给里面的一个span绑定一个点击事件,我们一般会等dom渲染完成之后 通过获取富文本的dom来绑定

但是我发现当我们这样写的时候:

技术分享图片

 

 或者这样写的时候:

技术分享图片

 

 均能够访问到,这意味着,onclick会识别顶级作用域的方法,

在vue中,如果我们想onlick调用vue当中的方法,则可将vue挂载到window上即可

技术分享图片

 

 

技术分享图片

 

如上图所示我们给vue添加了一个way2方法

技术分享图片

 

 上图可以看到打印成功了

这样的话 就不用通过等content渲染好之后 获取dom来绑定事件了

这样唯一的缺点就是在window注册了一个对象 可能会造成变量污染 所以我们可以加一点特殊性 uuid之类 这里我使用Math.random作为唯一标识 如下操作:

技术分享图片

 

innerHTML或v-html中的富文本绑定事件

原文:https://www.cnblogs.com/tony-stark/p/15009345.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!