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