在@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>

是否有一种简单的方法来访问当前文件夹(没有子组件)?

Answer 1

当然最明显的解决方案是我一开始没有想到的(arrrghh):

<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>