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 相关文章推荐
鼠标经过的文本框textbox变色
May 21 Javascript
JS的反射问题
Apr 07 Javascript
JavaScript输入邮箱自动提示实例代码
Jan 13 Javascript
Angular表单验证实例详解
Oct 20 Javascript
JS制作类似选项卡切换的年历
Dec 03 Javascript
深入理解vuex2.0 之 modules
Nov 20 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
Dec 29 Javascript
浅谈webpack对样式的处理
Jan 05 Javascript
每天学点Vue源码之vm.$mount挂载函数
Mar 11 Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
May 10 Javascript
微信小程序实现一张或多张图片上传(云开发)
Sep 25 Javascript
基于js判断浏览器是否支持webGL
Apr 18 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截取utf-8中文字符串乱码的解决方法
2010/03/29 PHP
PHP实现邮件群发的源码
2013/06/18 PHP
解析php 版获取重定向后的地址(代码)
2013/06/26 PHP
两种php去除二维数组的重复项方法
2015/11/04 PHP
php自定义扩展名获取函数示例
2016/12/12 PHP
谈谈从phpinfo中能获取哪些值得注意的信息
2017/03/28 PHP
docker-compose部署php项目实例详解
2019/07/30 PHP
JavaScript浏览器选项卡效果
2010/08/25 Javascript
基于jQuery的message插件实现右下角弹出消息框
2011/01/11 Javascript
jquery.post用法之type设置问题
2014/02/24 Javascript
jQuery插件slides实现无缝轮播图特效
2015/04/17 Javascript
在JavaScript的jQuery库中操作AJAX的方法讲解
2015/08/15 Javascript
静态页面html中跳转传值的JS处理技巧
2016/06/22 Javascript
JS关闭窗口时产生的事件及用法示例
2016/08/20 Javascript
jQuery EasyUI 折叠面板accordion的使用实例(分享)
2017/12/25 jQuery
基于$.ajax()方法从服务器获取json数据的几种方式总结
2018/01/31 Javascript
vue 配置多页面应用的示例代码
2018/10/22 Javascript
vuejs简单验证码功能完整示例
2019/01/08 Javascript
vue移动端实现手机左右滑动入场动画
2020/06/17 Javascript
vue使用原生swiper代码实例
2020/02/05 Javascript
JS删除对象中某一属性案例详解
2020/09/08 Javascript
在react-antd中弹出层form内容传递给父组件的操作
2020/10/24 Javascript
用Python操作字符串之rindex()方法的使用
2015/05/19 Python
python 字符串和整数的转换方法
2018/06/25 Python
python+mysql实现学生信息查询系统
2019/02/21 Python
python实现批量处理将图片粘贴到另一张图片上并保存
2019/12/12 Python
Python 面向对象之类class和对象基本用法示例
2020/02/02 Python
HTML5 placeholder属性详解
2016/06/22 HTML / CSS
英国最大的在线蜡烛商店:Candles Direct
2019/03/26 全球购物
机电工程学生自荐信范文
2013/12/07 职场文书
揠苗助长教学反思
2014/02/04 职场文书
2014年四风个人对照检查及整改措施
2014/10/28 职场文书
2015年社区关工委工作总结
2015/04/03 职场文书
一百条裙子读书笔记
2015/07/01 职场文书
如何获取numpy array前N个最大值
2021/05/14 Python
Ubuntu Server 安装Tomcat并配置systemctl
2022/04/28 Servers