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

内容绑定事件（在添加v-html后面添加代码）nextTick 就是节点DOM更新完成后调用 ,假如 v-html里面有一个class=”a”的节点，要在这个DOM上绑定事件，那么this.$nextTick().then(() => {$('.a').on('click',function(){// 接下来看你了})})

怀色

22297人浏览 · 2017-10-19 10:41:22

怀色 · 2017-10-19 10:41:22 发布

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

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

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^