Vue.js：在@ click-Method中獲取當前的'v-for`對象

Question

我有一個列表，其中包含幾個文件夾的v-for。當我點擊其中的一個時，我想要一個函數來執行。

我的代碼如下所示：

<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但由於這是一個UI唯一無需修改數據的操作，我認爲好的做法，以避免Vuex行動，對吧？）

Answer 1

如果當然，最明顯的解決方案是什麼，我沒想想一開始（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>