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 相关文章推荐
javascript web页面刷新的方法收集
Jul 02 Javascript
TextArea 控件的最大长度问题(js json)
Dec 16 Javascript
Jquery中children与find之间的区别详细解析
Nov 29 Javascript
javascript验证身份证号
Mar 03 Javascript
jquery实现浮动的侧栏实例
Jun 25 Javascript
实例讲解javascript注册事件处理函数
Jan 09 Javascript
AngularJs Understanding the Model Component
Sep 02 Javascript
Vue.js 十五分钟入门图文教程
Sep 12 Javascript
实例讲解JavaScript截取字符串
Nov 30 Javascript
如何在JavaScript中谨慎使用代码注释
Jun 21 Javascript
vue 父组件通过v-model接收子组件的值的代码
Oct 27 Javascript
vue绑定class的三种方法
Dec 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
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装最快的解决办法
2010/08/01 PHP
解析PHP计算页面执行时间的实现代码
2013/06/18 PHP
ThinkPHP中pathinfo的访问模式、路径访问模式及URL重写总结
2014/08/23 PHP
浅析php静态方法与非静态方法的用法区别
2016/05/17 PHP
php使用curl获取header检测开启GZip压缩的方法
2018/08/15 PHP
PHP INT类型在内存中占字节详解
2019/07/20 PHP
PHP的图像处理实例小结【文字水印、图片水印、压缩图像等】
2019/12/20 PHP
javascript面向对象编程(一) 实例代码
2010/06/25 Javascript
JavaScript初学者应注意的七个细节详细介绍
2012/12/27 Javascript
jquery创建一个新的节点对象(自定义结构/内容)的好方法
2013/01/21 Javascript
js隐藏与显示回到顶部按钮及window.onscroll事件应用
2013/01/25 Javascript
JavaScript中的原型和继承详解(图文)
2014/07/18 Javascript
jQuery的text()方法用法分析
2014/12/20 Javascript
js进行表单验证实例分析
2015/02/10 Javascript
js实现键盘Enter键提交表单的方法
2015/05/27 Javascript
jQuery实现自定义checkbox和radio样式
2015/07/13 Javascript
javascript实现移动端上的触屏拖拽功能
2016/03/04 Javascript
基于JavaScript实现在新的tab页打开url
2016/08/04 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
2016/11/30 Javascript
解决bootstrap中下拉菜单点击后不关闭的问题
2018/08/10 Javascript
如何使用vue slot创建一个模态框的实例代码
2020/05/24 Javascript
python 如何快速找出两个电子表中数据的差异
2017/05/26 Python
python的re正则表达式实例代码
2018/01/24 Python
Python 3.8 新功能全解
2019/07/25 Python
pycharm新建Vue项目的方法步骤(图文)
2020/03/04 Python
Python实现对adb命令封装
2020/03/06 Python
Python 添加文件注释和函数注释操作
2020/08/09 Python
Python加载数据的5种不同方式(收藏)
2020/11/13 Python
基于pycharm 项目和项目文件命名规则的介绍
2021/01/15 Python
canvas之万花筒效果的简单实现(推荐)
2016/08/16 HTML / CSS
中国旅游网站:同程旅游
2016/09/11 全球购物
ASICS印度官方网站:日本专业运动品牌
2020/06/20 全球购物
学校门卫工作职责
2013/12/07 职场文书
海洋科学专业求职信
2014/08/10 职场文书
毕业论文致谢部分怎么写
2015/05/14 职场文书
Java基础——Map集合
2022/04/01 Java/Android