V-ため

Question

私はスパンのリストをレンダリングするためのv-forシンプルを持っている内部の現在の繰り返しの要素に手に入れる：各反復で

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

を、私が取得できるようにしたいと思いますスパンをつかんで、kcの値を警告するonclick関数を追加しましょう。

これを行うにはどうすればいいですか？

Answer 1

私はあなたが「つかむ」ことを意味するのか分かりませんが、まあまあまあです。スパンにクリックハンドラを置くだけで、アラートを行うメソッドを呼び出すことができます。

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>