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 相关文章推荐
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
Jun 02 Javascript
利用原生JavaScript获取元素样式只是获取而已
Oct 08 Javascript
JavaScript调试工具汇总
Dec 23 Javascript
javascript带回调函数的异步脚本载入方法实例分析
Jul 02 Javascript
JavaScript知识点整理
Dec 09 Javascript
JS iFrame加载慢怎么解决
May 13 Javascript
vuejs2.0运用原生js实现简单的拖拽元素功能示例
Feb 24 Javascript
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
Apr 04 jQuery
微信小程序定义和调用全局变量globalData的实现
Nov 01 Javascript
es6函数之尾递归用法实例分析
Apr 25 Javascript
解决iView Table组件宽度只变大不变小的问题
Nov 13 Javascript
JavaScript中arguments的使用方法详解
Dec 20 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
PHP微框架Dispatch简介
2014/06/12 PHP
PHP浮点数精度问题汇总
2015/05/13 PHP
PHP如何通过传引用的思想实现无限分类(代码简单)
2015/10/13 PHP
PHP分页初探 一个最简单的PHP分页代码的简单实现
2016/06/21 PHP
浅谈php中的访问修饰符private、protected、public的作用范围
2016/11/20 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
JQuery防止退格键网页后退的实现代码
2012/03/23 Javascript
基于JQuery的多标签实现代码
2012/09/19 Javascript
使用javascript实现有效时间的控制,并显示将要过期的时间
2014/01/02 Javascript
jquery预览图片实现鼠标放上去显示实际大小
2014/01/16 Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
2015/02/05 Javascript
Jquery遍历Json数据的方法
2015/04/20 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
2015/11/03 Javascript
详解js图片轮播效果实现原理
2015/12/17 Javascript
学习JavaScript设计模式之中介者模式
2016/01/14 Javascript
JS实现漂亮的时间选择框效果
2016/08/20 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
2017/01/11 Javascript
原生javascript实现读写CSS样式的方法详解
2017/02/20 Javascript
详谈js模块化规范
2017/07/07 Javascript
JS模拟超市简易收银台小程序代码解析
2017/08/18 Javascript
Vue 组件封装 并使用 NPM 发布的教程
2018/09/30 Javascript
[00:20]TI9不朽观赛名额抽取
2019/08/05 DOTA
python 表达式和语句及for、while循环练习实例
2017/07/07 Python
Python之多线程爬虫抓取网页图片的示例代码
2018/01/10 Python
Python中的CSV文件使用&quot;with&quot;语句的方式详解
2018/10/16 Python
python 循环读取txt文档 并转换成csv的方法
2018/10/26 Python
对Python3中列表乘以某一个数的示例详解
2019/07/20 Python
django使用xadmin的全局配置详解
2019/11/15 Python
python3的UnicodeDecodeError解决方法
2019/12/20 Python
Python响应对象text属性乱码解决方案
2020/03/31 Python
Python中zipfile压缩文件模块的基本使用教程
2020/06/14 Python
Python CategoricalDtype自定义排序实现原理解析
2020/09/11 Python
跑鞋、网球鞋、网球拍、服装及装备:Holabird Sports
2016/09/19 全球购物
考察邀请函范文
2015/01/31 职场文书
记者节感言
2015/08/03 职场文书
微软Win11有哪些隐藏功能? windows11多个功能汇总
2021/11/21 数码科技