Vue.js：現在の `v-for`を取得する@ click-Methodのオブジェクト

Question

私はv-forのリストをいくつかのフォルダに持っています。これらのうちの1つをクリックすると、実行する関数が必要になります。

私のコードは次のようになります。

<template> 
    <ul> 
    <li v-for="folder in folders"> 
     <a @click.prevent="expandFolder">{{ folder.name }}</a> 
    </li> 
    </ul> 
</template> 

<script> 
export default { 
    method: { 
    expandFolder: function(e) { 
     // How to access current folder here? 
    } 
    } 
} 
</script> 

（サブコンポーネントなし）現在のフォルダにアクセスするための簡単な方法はありますか？

（右、Vuexアクションを避けるために、私はまたVuexを使用していますが、これはUIのデータへの変更なしで動作のみであるため、私は良い習慣を想定？）

Answer 1

場合はもちろん、最も明白なソリューション私はdidnの何それを初めのことを考える（arrrgghh）：

<li v-for="folder in folders"> 
    <a @click.prevent="expandFolder(folder)">{{ folder.name }}</a> 
    <!-- or even a property --> 
    <a @click.prevent="expandFolder(folder.name)">{{ folder.name }}</a> 
</li>