Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
249 views
in Technique[技术] by (71.8m points)

vue 点击标题 下拉展示数据

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

<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

}
页面效果目前是这样的

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...