vue怎么点击获取当前元素
2018-01-24 20:24
543 查看
vue中有两种方法获取到当前元素
var el = event.target; //当前元素,可修改(能够用此方法获取到他的子元素,不能获取他本身的内容)
var el = event.currentTarget;//当前元素,不可修改(能够用此方法获取到他的子元素及能获取他本身的内容)
html
js
var el = event.target; //当前元素,可修改(能够用此方法获取到他的子元素,不能获取他本身的内容)
var el = event.currentTarget;//当前元素,不可修改(能够用此方法获取到他的子元素及能获取他本身的内容)
html
<div id="example-2"> <!-- `onsomething` 是在下面定义的方法名 --> <button v-on:click='onsomething'>复杂的click<span>哈哈</span></button> </div>
js
var example2 = new Vue({ el: '#example-2', data: { name: 'Vue.js' }, // 在 `methods` 对象中定义方法 methods: { onsomething:function(event){ // `event` 是原生 DOM 事件 alert('hello' + this.name +'!' ); // `this` 在方法里指向当前 Vue 实例 var el = event.currentTarget;//复杂的click哈哈 //var el = event.target;//哈哈 alert(el.innerText); } } }) // 也可以用 JavaScript 直接调用方法 //example2.greet() // => 'Hello Vue.js!'
相关文章推荐
- 使用vue点击li,获取当前点击li父辈元素的属性值方法
- 使用vue点击li,获取当前点击li父辈元素的属性值
- vue中获取当前点击元素
- vue获取当前点击的元素并传值
- vue中怎么获取元素
- jquery获取当前点击li的元素的节点下标
- 微信小程序bindtap事件怎么获取当前点击标签?
- 【笔记】js获取当前点击元素的索引
- 关于table 点击行获取当前行的某一个列元素
- JQuery——获取当前点击元素的内容<This的用法>
- VUE中v-on:click事件中获取当前dom元素的代码
- vue利用v-for循环时怎么只处理点击的那个元素
- jQuery获取当前点击的对象元素(实现代码)
- vue获取当前点击事件
- jQuery获取当前点击的对象元素
- 怎么获取当前的点击事件的标签id
- 如何获取当前点击元素的某个子元素
- javascript 怎么获取 li里面点击的元素索引呢?