Vue、jQuery取消DOM 元素绑定的事件
2020-06-29 04:49
495 查看
jQuery 写法比较常用,但不适用于 vue,如下:
[code]// 绑定 click 事件 $("#search").bind("click"); //解除绑定 click 事件 $("#search").unbind("click");
Vue目前没有类似jQuery那样的写法,需要借助中间变量来控制,如下:
[code]-------------------------- html 部分 ----------------------------- <button name="submitBtn" @click="btnClick">提交</button> -------------------------- vue 部分 ----------------------------- data: { eventStatus: true; }, method: { btnClick: function () { if (this.eventStatus) { alert("点击事件可用!"); } } }
相关文章推荐
- jQuery查看dom元素上绑定的事件列表
- 工作积累(六)——jQuery实现DOM元素事件动态绑定
- jQuery查看dom元素上绑定的事件列表
- 在jquery(1.7版)以及Ext(3.4版)中,查看在页面元素(domElement)上绑定的事件处理(listener、handler)
- jQuery2.x以上版本对动态新增的DOM元素绑定事件方法
- jQuery中dom元素上绑定的事件详解
- jquery查找元素,绑定事件,DOM操作
- Vue基础1(vue目录结构,数据、属性绑定,循环(v-for)渲染数据,vue数据双向,vue事件,vue中ref获取dom元素节点)
- JQuery为页面Dom元素绑定事件、方法
- Vue同一个dom元素如何绑定多个点击事件?
- jquery给动态添加的dom元素绑定事件
- Ajax成功添加新DOM元素 jquery 绑定元素事件
- jQuery检查DOM元素是否绑定某些事件
- Ajax成功添加新DOM元素 jquery 绑定元素事件
- JQuery给动态生成的DOM元素绑定点击事件
- jQuery 新版本的 Dom 元素动态绑定事件
- JQuery为页面Dom元素绑定事件及解除绑定方法
- 【JQuery】一个DOM元素,多次绑定同一事件的解决方案
- jQuery查看dom元素上绑定的事件列表
- jquery 之干净的事件绑定(分离逐一dom元素绑定)