vue v-html动态添加 html 内容渲染，事件失效（无法从新渲染）

怀色

于 2017-10-19 10:41:22 发布

阅读量2.2w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue html

本文链接：https://blog.youkuaiyun.com/weixin_36429334/article/details/78281725

1 篇文章

订阅专栏

本文介绍了一种使用Vue.js中nextTick方法确保DOM更新后正确绑定事件的方法。具体来说，在使用v-html指令动态插入HTML内容后，通过this.$nextTick()确保DOM元素已更新，然后使用jQuery为新增加的元素绑定点击事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

内容绑定事件（在添加v-html后面添加代码）

nextTick 就是节点DOM更新完成后调用 ,假如 v-html里面有一个class=”a”的节点，要在这个DOM上绑定事件，那么

this.$nextTick().then(() => {
      $('.a').on('click',function(){
        // 接下来看你了
     })
})