vue.js reference div id on v-on: click

Question

v-on:click Kullanarak Vue.JS'deki div kimliğiyle bir değişken ayarlamak istiyorum - buna nasıl başvurabilirim?

<div id="foo" v-on:click="select">...</div> 

<script> 
    new Vue({ 
     el: '#app', 
     data: { 
     }, 
     methods: { 
      select: function(){ 
       divID = this.id // ?? 
       alert(divID) 
      } 
     } 
    }) 
</script> 

Answer 1

Olay nesnesi $event ile olay işleyicisi uzatabilirsiniz. Bu senin ihtiyaçlarına uygun olmalıdır:

<div id="foo" v-on:click="select($event)">...</div> 

olay javascript geçirilir: Sadece bu argümanı kullanırken

yorum belirtildiği gibi

methods: { 
    select: function(event) { 
     targetId = event.currentTarget.id; 
     console.log(targetId); // returns 'foo' 
    } 
} 

, $event kesinlikle gerekli değildir. Şahsen çağırdığım yöntemde değerini kullandığımda, açıkça yazmayı tercih ediyorum.

Ancak kimse kısa notasyonu yazma durduramaz:

<div id="foo" @click="select">...</div>