vue获取当前点击的元素并传值的实例


Posted in Javascript onMarch 09, 2018

html:

<span @click='zan(pl.id)' :data-id='pl.id'></span>

js:

zan(e){
  var target=event.target;
  var dataid=e;//(pl.id的值);
  $(target)//当前点击的dom
}

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

Javascript 相关文章推荐
给网站上的广告“加速”显示的方法
Apr 08 Javascript
js点击页面其它地方将某个显示的DIV隐藏
Jul 12 Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
Feb 02 Javascript
关于JavaScript中的关联数组分析
Apr 09 Javascript
javascript使用prototype完成单继承
Dec 24 Javascript
JavaScript的代码编写格式规范指南
Dec 07 Javascript
两种js监听滚轮事件的实现方法
May 13 Javascript
Angular使用ng-messages与PHP进行表单数据验证
Dec 28 Javascript
vue基于Element构建自定义树的示例代码
Sep 19 Javascript
详解Vue+Element的动态表单,动态表格(后端发送配置,前端动态生成)
Apr 20 Javascript
vue watch关于对象内的属性监听
Apr 22 Javascript
vue项目实现分页效果
Mar 24 Vue.js
vue.js获得当前元素的文字信息方法
Mar 09 #Javascript
vue element-ui 绑定@keyup事件无效的解决方法
Mar 09 #Javascript
jquery点击回车键实现登录效果并默认焦点的方法
Mar 09 #jQuery
在vue里面设置全局变量或数据的方法
Mar 09 #Javascript
vue2 全局变量的设置方法
Mar 09 #Javascript
JS扩展String.prototype.format字符串拼接的功能
Mar 09 #Javascript
详解ES6通过WeakMap解决内存泄漏问题
Mar 09 #Javascript
You might like
PHP4实际应用经验篇(4)
2006/10/09 PHP
配置支持SSI
2006/11/25 PHP
浅析Yii2 gridview实现批量删除教程
2016/04/22 PHP
浅析Yii2集成富文本编辑器redactor实例教程
2016/04/25 PHP
PHP常用的三种设计模式
2017/02/17 PHP
ThinkPHP下表单令牌错误与解决方法分析
2017/05/20 PHP
php 提交表单 关闭layer弹窗iframe的实例讲解
2018/08/20 PHP
让焦点自动跳转
2006/07/01 Javascript
mapper--图片热点区域高亮组件官方站点
2007/12/22 Javascript
再谈javascript 动态添加样式规则 W3C校检
2009/12/25 Javascript
判断控件是否已加载完成的代码
2010/02/24 Javascript
如何让页面加载完成后执行js
2013/06/26 Javascript
js原生appendChild的bug解决心得分享
2013/07/01 Javascript
常规表格多表头查询示例
2014/02/21 Javascript
判断复选框是否被选中的两种方法
2014/06/04 Javascript
jquery 隐藏与显示tr标签示例代码
2014/06/06 Javascript
详解jQuery的表单验证插件--Validation
2016/12/21 Javascript
Vue.js父与子组件之间传参示例
2017/02/28 Javascript
微信小程序微信支付接入开发实例详解
2017/04/12 Javascript
bootstrap table插件的分页与checkbox使用详解
2017/07/23 Javascript
Vue-router结合transition实现app前进后退动画切换效果的实例
2017/10/11 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
2018/08/08 jQuery
快速搭建Node.js(Express)用户注册、登录以及授权的方法
2019/05/09 Javascript
微信小程序跳转到其他网页(外部链接)的实现方法
2019/09/20 Javascript
Vue实现计算器计算效果
2020/08/17 Javascript
使用PYTHON创建XML文档
2012/03/01 Python
在Python中使用模块的教程
2015/04/27 Python
详解Python中heapq模块的用法
2016/06/28 Python
Python编写登陆接口的方法
2017/07/10 Python
一个可以套路别人的python小程序实例代码
2019/04/09 Python
Django Python 获取请求头信息Content-Range的方法
2019/08/06 Python
python GUI库图形界面开发之PyQt5信号与槽基础使用方法与实例
2020/03/06 Python
亚马逊墨西哥站:Amazon.com.mx
2018/08/26 全球购物
德国W家官网,可直邮中国的母婴商城:Windeln.de
2021/03/03 全球购物
高中自我评价分享
2013/12/05 职场文书
2015年党员公开承诺事项
2015/04/27 职场文书