einen Einfluß auf das Element der aktuellen Iteration innerhalb einer V-für

Question

Ich habe eine einfache v-for für eine Liste der Spannweiten-Rendering:

<span v-for="kc in kcList"> 
    {{ kc }} 
</span> 

In jeder Iteration würde Ich mag ein in der Lage sein zu bekommen greifen Sie auf die Spannweite und fügen Sie eine onclick Funktion hinzu, die den Wert von kc alarmiert. Sagen wir

Wie geht das?

Answer 1

So ziemlich genau wie du beschreibst, obwohl ich nicht weiß, was du meinst mit "mach dich dran". Sie fügen einfach einen Klick-Handler in den Bereich ein, um eine Methode aufzurufen, die die Warnung ausführt.

new Vue({ 
 
    el: '#app', 
 
    data: { 
 
    kcList: ['one','two','three'] 
 
    }, 
 
    methods: { 
 
    alertOn(kc) { 
 
     alert(kc); 
 
    } 
 
    } 
 
});

<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.min.js"></script> 
 
<div id="app"> 
 
    <span v-for="kc in kcList" @click="alertOn(kc)"> 
 
    {{ kc }} 
 
    </span> 
 
</div>