vue如何获取点击事件源的方法
2017-08-10 16:55
513 查看
整理文档,搜刮出一个vue如何获取点击事件源的方法,稍微整理精简一下做下分享。
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>vue click事件获取当前元素对象</title> <script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.13/vue.min.js"></script> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head> <body id="app"> <ul> <li v-on:click="say('hello!', $event)" style="background-color:blue;color:white;">点击当前行获取下一行</li> <li>li2</li> <li>li3</li> </ul> <script> new Vue({ el: '#app', data: { message: 'Hello Vue.js!' }, methods: { say: function(msg, event) { //获取点击对象 var el = event.currentTarget; var li2text = $(el).next().text(); alert("当前对象的内容:"+$(el).text()+" 下一行内容:"+li2text); } } }) </script> </body> </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue获取点击事件源的方法
- 在Vue组件中获取全局的点击事件方法
- 使用vue点击li,获取当前点击li父辈元素的属性值方法
- vue.js2.0点击获取自己的属性和jquery方法
- php中如何用$_GET[ ]方法获取相同参数第二个值?
- PHP的继承方法如何获取子类名?
- UltraWebGrid如何获取点击模板列中控件所在的行号
- 如何获取不同cell上的button点击事件
- 如何在mapreduce方法中获取当前使用文件(get file name)
- Android应用程序获取ROOT权限的方法(android中如何通过代码检测是否有root权限?)
- 使用反射创建Bean、Spring中是如何根据类名配置创建Bean实例、Java提供了Class类获取类别的字段和方法,包括构造方法
- 在vue中实现点击选择框阻止弹出层消失的方法
- 可能最详细的教程,新手如何获取Zcash钱包(ZEC钱包)官方客户端地址的方法
- 如何在onCreate()方法中,获取得到控件的宽度和高度?小意思!
- 进击的KFC:iOS WebView 如何通过js获取网页中所有图片并加入点击事件,实现浏览图片的功能
- Win10如何获取文件/文件夹权限?Win10操作文件无权限的解决方法
- 反射 Reflection 如何获取构造方法
- js 如何获取class的元素 以及创建方法getElementsByClassName
- vue 中使用 AJAX获取数据的方法