vue点击切换不同的tab,选项卡

<span v-for="(item,index) in items" :key='item.id' :class="{active:istrue ==index}" @click="istrue=index">
    {{item.name}}
</span>

data() {
        return {
            istrue: 0,
            items: [
                {id:0,name:'电力公司'},
                {id:1,name:'生产企业'},
                {id:2,name:'监管机构'},
                {id:3,name:'公众用户'}
            ]
        }
    },

.active {
    color: #0C8EFE;
    border-bottom: 2px solid #0C8EFE;
}