0

我有一个包含 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 操作的良好做法,对吧?)

4

1 回答 1

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>
于 2016-08-13T10:16:58.877 回答