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 相关文章推荐
支持ie与FireFox的剪切板操作代码
Sep 28 Javascript
js兼容的placeholder属性详解
Aug 18 Javascript
javascript判断是否按回车键并解决浏览器之间的差异
May 13 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
Nov 13 Javascript
jquery马赛克拼接翻转效果代码分享
Aug 24 Javascript
EasyUI Combobox设置默认值 获取text的方法
Nov 28 Javascript
详解angularjs 关于ui-router分层使用
Jun 12 Javascript
js取小数点后两位四种方法
Jan 18 Javascript
详解vue2.0模拟后台json数据
May 16 Javascript
微信小程序引入Vant组件库过程解析
Aug 06 Javascript
JavaScript Dom 绑定事件操作实例详解
Oct 02 Javascript
vue图片裁剪插件vue-cropper使用方法详解
Dec 16 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核心代码分析require和include的区别
2011/01/02 PHP
PHP简单实现防止SQL注入的方法
2018/03/13 PHP
ThinkPHP3.2.3框架邮件发送功能图文实例详解
2019/04/23 PHP
使用CamanJS在Web页面上处理图像的技巧
2015/08/18 Javascript
jQuery学习笔记之Ajax用法实例详解
2015/12/01 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
2015/12/25 Javascript
JavaScript实现数据类型的相互转换
2016/03/06 Javascript
js获取当前日期时间及其它日期操作汇总
2016/03/08 Javascript
HTML的select控件美化
2017/03/27 Javascript
详解如何在webpack中做预渲染降低首屏空白时间
2018/08/22 Javascript
Vue 实现列表动态添加和删除的两种方法小结
2018/09/07 Javascript
Vue高版本中一些新特性的使用详解
2018/09/25 Javascript
vue引入微信sdk 实现分享朋友圈获取地理位置功能
2019/07/04 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
2019/08/21 Javascript
Javascript Worker子线程代码实例
2020/02/20 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
2020/03/09 Javascript
Python中的包和模块实例
2014/11/22 Python
python中的格式化输出用法总结
2016/07/28 Python
python正则实现提取电话功能
2018/02/24 Python
对python mayavi三维绘图的实现详解
2019/01/08 Python
Python实现的ftp服务器功能详解【附源码下载】
2019/06/26 Python
python处理大日志文件
2019/07/23 Python
python生成word合同的实例方法
2021/01/12 Python
解决pytorch 数据类型报错的问题
2021/03/03 Python
CSS3 实现发光边框特效
2020/11/11 HTML / CSS
基于HTML5的齿轮动画特效
2016/02/29 HTML / CSS
移动HTML5前端框架—MUI的使用
2017/12/18 HTML / CSS
DHC美国官网:日本通信销售第一的化妆品品牌
2017/11/12 全球购物
Hotter Shoes英国官网:英伦风格,舒适的鞋子
2017/12/28 全球购物
Nike瑞典官方网站:Nike.com (SE)
2018/11/26 全球购物
安全资金保障制度
2014/01/23 职场文书
研究生简历自我评价范文
2014/09/13 职场文书
给下属加薪申请报告
2015/05/15 职场文书
PostgreSQL解析URL的方法
2021/08/02 PostgreSQL
草系十大最强宝可梦,纸片人上榜,榜首大家最熟悉
2022/03/18 日漫
python对文档中元素删除,替换操作
2022/04/02 Python