vue 的点击事件获取当前点击的元素方法


Posted in Javascript onSeptember 15, 2018

首先 vue的点击事件 是用 @click = “clickfun()” 属性 在html中绑定的,

在点击的函数中 添加$event 参数就可以

比如

<button @click = “clickfun($event)”>点击</button>
methods: {
clickfun(e) {
// e.target 是你当前点击的元素
// e.currentTarget 是你绑定事件的元素
}
},

以上这篇vue 的点击事件获取当前点击的元素方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript 多物体运动的实现
Dec 24 Javascript
jQuery实现新消息闪烁标题提示的方法
Mar 11 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
Jul 24 Javascript
JS 全屏和退出全屏详解及实例代码
Nov 07 Javascript
微信小程序 scroll-view隐藏滚动条详解
Jan 16 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
Feb 20 Javascript
Vue2.0表单校验组件vee-validate的使用详解
May 02 Javascript
基于Vue2.0+ElementUI实现表格翻页功能
Oct 23 Javascript
node.js部署之启动后台运行forever的方法
May 23 Javascript
详解vue 自定义组件使用v-model 及探究其中原理
Oct 11 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
Oct 12 Javascript
vue 使用class创建和清除水印的示例代码
Dec 25 Vue.js
对Vue.js之事件的绑定(v-on: 或者 @ )详解
Sep 15 #Javascript
vue绑定事件后获取绑定事件中的this方法
Sep 15 #Javascript
浅谈vue方法内的方法使用this的问题
Sep 15 #Javascript
微信小程序动态增加按钮组件
Sep 14 #Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
Sep 14 #Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
Sep 14 #Javascript
Javascript 之封装(Package)
Sep 14 #Javascript
You might like
php adodb连接mssql解决乱码问题
2009/06/12 PHP
ZF框架实现发送邮件的方法
2015/12/03 PHP
腾讯的ip接口 方便获取当前用户的ip地理位置
2010/11/25 Javascript
jQuery .tmpl(), .template()学习资料小结
2011/07/18 Javascript
js隐式全局变量造成的bug示例代码
2014/04/22 Javascript
Javascript 函数parseInt()转换时出现bug问题
2014/05/20 Javascript
浅析Node.js查找字符串功能
2014/09/03 Javascript
Javascript Objects详解
2014/09/04 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
2016/04/19 Javascript
jQuery 中ajax异步调用的四种方式
2016/06/28 Javascript
jQuery表单验证插件解析(推荐)
2016/07/21 Javascript
浅谈Angular路由守卫
2017/08/26 Javascript
浅析Proxy可以优化vue的数据监听机制问题及实现思路
2018/11/29 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
2018/11/30 Javascript
Vue商品控件与购物车联动效果的实例代码
2019/07/21 Javascript
js设计模式之单例模式原理与用法详解
2019/08/15 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
微信小程序实现拨打电话功能的示例代码
2020/06/28 Javascript
[01:13]2015国际邀请赛线下观战现场
2015/08/08 DOTA
使用Python对IP进行转换的一些操作技巧小结
2015/11/09 Python
Python使用pylab库实现画线功能的方法详解
2017/06/08 Python
Python中的浮点数原理与运算分析
2017/10/12 Python
python实现socket+threading处理多连接的方法
2019/07/23 Python
Python处理mysql特殊字符的问题
2020/03/02 Python
opencv 图像滤波(均值,方框,高斯,中值)
2020/07/08 Python
美国在线健康和美容市场:Pharmapacks
2018/12/05 全球购物
英国的潮牌鞋履服饰商店:size?
2019/03/26 全球购物
美国基督教约会网站:ChristianCafe.com
2020/02/04 全球购物
经典c++面试题五
2014/12/17 面试题
2014国庆节主题活动方案:快乐的国庆节
2014/09/16 职场文书
2014旅游局领导班子四风问题对照检查材料思想汇报
2014/09/19 职场文书
公司合作协议范文
2014/10/01 职场文书
2014年维稳工作总结
2014/11/18 职场文书
Mysql中调试存储过程最简单的方法
2021/06/30 MySQL
「回转企鹅罐」10周年纪念展「輪るピングドラム展」海报公开
2022/03/22 日漫
mysql insert 存在即不插入语法说明
2022/03/25 MySQL