vue 点击标题 下拉展示数据

Question

拿到一组数组去做循环,
循环的时候我是这么写的

<cell
    :title="`${item.title}(${item.size})`"
    :border-intent="false"
    is-link
    :arrow-direction="secondaryNodeShow ? 'up' : 'down'"
    @click.native="secondaryNode(item)">
</cell>
<template v-if="secondaryNodeShow">
    <cell-box
        :link="{name: 'contentdetails', query:{id: value.id}}"
        :border-intent="false" class="sub-item" 
        v-for="value in secondaryData" :key="value.title">
    </cell-box>
</template>

secondaryNode () {

this.secondaryNodeShow = !this.secondaryNodeShow

}
页面效果目前是这样的

我点击标题 结果 下面两个也都跟着变了
想要的结果是:
点击某项,只展示某项

Answer 1

目前的解决方案
https://blog.csdn.net/forever...

Answer 2

代码全一点！ 不要用截图代替代码！

Answer 3

secondaryNodeShow这个变量弄成一个数组，secondaryNode这个方法要传入index，就知道现在操作的是哪一项了。