vue 再v-for加载的时候如何设置加载更多和收起

思路：利用v-if和v-else进行判断

例子：

　　<view v-for="(item,index) in Arr" :key="index">

　　　　<view class="contact_more" @click="fun(index)">
                    <view v-if="b !== index">更多</view>
                    <view v-else>
                        {{a?"收起":"更多"}}
                    </view>
                </view>　　

　　</view>

 

js

 

fun(index) {
                if (this.b == -1) {
                    this.b = index;
                    this.a = true;
                } else {
                    this.b = -1;
                    this.a = false;
                }
            },

再用js进行判断最终达到效果