vue中有兩種方法獲取到當(dāng)前元素
var el = event.target; //當(dāng)前元素京郑,可修改(能夠用此方法獲取到他的子元素,不能獲取他本身的內(nèi)容)
var el = event.currentTarget;//當(dāng)前元素醉冤,不可修改(能夠用此方法獲取到他的子元素及能獲取他本身的內(nèi)容)
html
<div id="example-2">
? <!-- `onsomething` 是在下面定義的方法名 -->
<button v-on:click='onsomething'>復(fù)雜的click<span>哈哈</span></button>
</div>
js
var example2 = new Vue({
? el: '#example-2',
? data: {
? ? name: 'Vue.js'
? },
? // 在 `methods` 對(duì)象中定義方法
? methods: {
? onsomething:function(event){ // `event` 是原生 DOM 事件
? ? ? ? alert('hello'? + this.name +'!' ); // `this` 在方法里指向當(dāng)前 Vue 實(shí)例
? ? ? ? var el = event.currentTarget;//復(fù)雜的click哈哈
? ? ? ? //var el = event.target;//哈哈
? ? ? ? alert(el.innerText);
? ? }
? }
})
// 也可以用 JavaScript 直接調(diào)用方法
//example2.greet() // => 'Hello Vue.js!'