vue实现动态绑定class--多个按钮点击一个有一个

<template>

　　//v-for循环出来多个按钮，便于获取index

        <span v-for="(item,index) in list" :key="index"   @click="countAuth(index)"  :class="{selected:index==current}">

　　</span>

</template>

export default{

　　data(){

　　　　return{

　　　　　　list:["第一个按钮"，"第二个按钮"，"第三个按钮"，"第四个按钮"]，

　　　　　　current:0     //自定义属性，便于传递index

　　　　}

　　}，

　　methods:{

　　　　countAuth(index){

　　　　　　this.current=index   //传递

　　　　}

　　}

}

<style scoped>

selected{

　　color:red

}

<style>