vuie

​

let data ={
        tabs:[
    {
        title:"新闻",
        sublist:[
            {
                subtitle:"新闻111"
            },
            {
                subtitle:"新闻111"
            },{
                subtitle:"新闻111"
            }

        ]
    },{
        title:"娱乐",
        sublist:[
            {
                subtitle:"娱乐111"
            },
            {
                subtitle:"娱乐111"
            },{
                subtitle:"娱乐111"
            }

        ]
    },{
        title:"体育",
        sublist:[
            {
                subtitle:"体育111"
            },
            {
                subtitle:"体育111"
            },{
                subtitle:"体育111"
            }

        ]
    }
    ]
    ,currentIndex:-1    
    }

            new Vue({
                el:"#app",
                data:data,
                methods:{
                    changeTabs(i){
                        console.log(this.currentIndex)
                        this.currentIndex = this.currentIndex === i ? -1 : i;
                    },
                    addStyle(i){
                        return {display:this.currentIndex  === i ? 'block' :'none'}
                    }
                }
            })

​