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 に答える