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在IE和Firefox(火狐)的不兼容问题解决方法小结
Apr 13 Javascript
json格式化/压缩工具 Chrome插件扩展版
May 25 Javascript
jQuery的学习步骤
Feb 23 Javascript
使用js实现数据格式化
Dec 03 Javascript
jQuery复制表单元素附源码分享效果演示
Sep 30 Javascript
jQuery手动点击实现图片轮播特效
Apr 20 Javascript
对Js OOP编程 创建对象的一些全面理解
Jul 26 Javascript
JS常用算法实现代码
Nov 14 Javascript
Vue实现导出excel表格功能
Mar 30 Javascript
vue中keep-alive的用法及问题描述
May 15 Javascript
微信小程序图片左右摆动效果详解
Jul 13 Javascript
javascript自定义日期比较函数用法示例
Jul 22 Javascript
对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
MySQL授权问题总结
2007/05/06 PHP
PHP实现服务器状态监控的方法
2014/12/09 PHP
php实现在限定区域里自动调整字体大小的类实例
2015/04/02 PHP
[原创]smarty简单模板变量输出方法
2016/07/09 PHP
PHP版微信小店接口开发实例
2016/11/12 PHP
PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
2017/11/14 PHP
jQuery EasyUI API 中文文档 - Draggable 可拖拽
2011/09/29 Javascript
高性能Javascript笔记 数据的存储与访问性能优化
2012/08/02 Javascript
Knockout数组(observable)使用详解示例
2013/11/15 Javascript
Jquery对数组的操作技巧整理
2014/03/25 Javascript
javascript实现简单的鼠标拖动效果实例
2015/04/10 Javascript
js实现模拟计算器退格键删除文字效果的方法
2015/05/07 Javascript
vue组件实例解析
2017/01/10 Javascript
vue router-link传参以及参数的使用实例
2017/11/10 Javascript
JS实现简单的星期格式转换功能示例
2018/07/23 Javascript
jQuery实现的老虎机跑动效果示例
2018/12/29 jQuery
[00:30]塑造者的传承礼包-戴泽“暗影之焰”套装展示视频
2014/04/04 DOTA
[01:00:06]加油DOTA_EP01_网络版
2014/08/09 DOTA
python中Pycharm 输出中文或打印中文乱码现象的解决办法
2017/06/16 Python
python opencv之SURF算法示例
2018/02/24 Python
Django 跨域请求处理的示例代码
2018/05/02 Python
Python编程深度学习计算库之numpy
2018/12/28 Python
python 实现敏感词过滤的方法
2019/01/21 Python
python实现远程控制电脑
2019/05/23 Python
Django如何实现网站注册用户邮箱验证功能
2019/08/14 Python
django项目用higcharts统计最近七天文章点击量
2019/08/17 Python
解决keras GAN训练是loss不发生变化,accuracy一直为0.5的问题
2020/07/02 Python
Python 中 sorted 如何自定义比较逻辑
2021/02/02 Python
结合CSS3的布局新特征谈谈常见布局方法
2016/01/22 HTML / CSS
纯CSS3单页切换导航菜单界面设计的简单实现
2016/08/16 HTML / CSS
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
俄罗斯隐形眼镜和眼镜在线商店:Cronos
2020/06/02 全球购物
AJAX的全称是什么
2012/11/06 面试题
厨房领班竞聘演讲稿
2014/04/23 职场文书
商务经理岗位职责
2014/07/30 职场文书
Python实现查询剪贴板自动匹配信息的思路详解
2021/07/09 Python