首页 > 其他 > 详细

v-for循环列表,展开样式随手风琴

时间:2019-12-06 12:47:28      阅读:79      评论:0      收藏:0      [点我收藏+]
 <div class="product_box" v-for="(item,index) of kinds" :key="index">
    <div class="main_top">
        <div class="title_bottom">
        <el-button
            round
            @click="nowBorrowFn(index)"
            :class="{btn_box:index === 0 ? show3 : show4}"
        >立即借款</el-button>
        </div>
    </div>
    <el-collapse-transition>
        <div v-show="item.flag">
        </div>
    </el-collapse-transition>
</div>


<script>
    nowBorrowFn(index){
        let flag = this.kinds[val].flag;
          this.kinds.forEach(item => {
            item.flag = false;
          });
          this.kinds[val].flag = !flag;
    }
</script>

渲染时需要给v-show一个默认的参数

//来自:https://blog.csdn.net/weixin_42550863/article/details/81980094

v-for循环列表,展开样式随手风琴

原文:https://www.cnblogs.com/wangqingjiu/p/11994190.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!