javascript - Vue.js：在@click-Method 中获取当前的`v-for` Objekt

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>