vue.js click点击事件获取当前元素对象

  • 分类:【前端
  • 浏览【16152】
  • 评论【0】
  • 更新【2016-1-27 22:59:54】

Vue.js可以传递$event对象

<body id="app">
  <ul>
	<li v-on:click="say('hello!', $event)">点击当前行文本</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;
		   alert("当前对象的内容:"+el.innerHTML);
		}
	}
   })
  </script>
 </body>

函数调用处传递$event

v-on:click="say('hello!', $event)"

函数中获取到的event.currentTarget对象就是当前元素

在线示例

请查看HTML页面示例源码

关键字词:vue.js,元素对象