在线等 vue 控制显示隐藏

Question

<div class="section_content_coupon_right_btn" :data-id="row1.id" >

                <span  v-bind:class="{active:arr[index]}" 
                    v-if="!isactive[index]" 
                    @click="getcoupons(index,$event)" 
                    :data-id="row1.id">{{btntext}}</span>
                <span   v-if="isactive[index]">{{btntext1}}</span>
            </div>
            

上面是页面代码
下面是JS 方法

    getcoupons:function(index,event){
        //this.$set(app.isActive[index], index, true);
        console.log(app.isactive)
        console.log(index)
        let e=event;
        console.log(e);
        app.isactive[index]=[];
        app.isactive[index]=true;
        console.log(app.isactive)
        if(app.phone===""||app.email===""){
            app.getzz = true;
            app.getThisPath1 = true;
            let workId = e.currentTarget.dataset.id;
             app.workId=workId;
             return;
        }else if(app.phone!==""&&app.email!==""){
            app.getzz = false;
            app.getThisPath1 = false;
            let workId = e.currentTarget.dataset.id;
             app.workId=workId;
             /*app.isactive[index]=true;*/
             app.query1(e);
             return;
        }
    },

这样写不行啊 有大神帮改改吗