vue,在模块中动态添加dom节点,并监听

Posted neilniu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue,在模块中动态添加dom节点,并监听相关的知识,希望对你有一定的参考价值。

在这里,onclick事件没有作用,因为它指向的是window,如果写为this.click页面显示为undefined,

我采用的是通过class绑定事件,但是会有一个问题,那就是当你渲染多个事件时,通过class绑定的事件会多次触发,

如下

$(‘.wrap‘).on("click",‘.btn‘,function(){
  
  console.log(“1‘)
})
当有多个class的时候,你点击第一个,当前每一个class都会执行一下,
因此当前事件应只执行一次后就移除
我使用的是jquery的off()
如下:
$(‘.wrap‘).off("click").on("click",‘.btn‘,function(){
console.log(i)
})
 
 
==================*****分割*****========================
如有问题,请留言,欢迎提问!!!

以上是关于vue,在模块中动态添加dom节点,并监听的主要内容,如果未能解决你的问题,请参考以下文章

将HTML字符转换为DOM并动态添加到页面

动态添加+动态绑定(vue数据驱动思路)

vue.set动态新增对象属性,触发dom渲染

JS或者jQuery怎么给动态添加的DOM元素绑定事件

使用 Vue 添加/删除动态 DOM 元素

vue动态点击添加数组并去重