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

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

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

 

 或者这样写的时候:

 

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

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

 

 

 

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

 

 上图可以看到打印成功了

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

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

 

posted @ 2021-07-14 09:24  wangnima666  阅读(1145)  评论(0编辑  收藏  举报