vue实现动态绑定class--多个按钮点击一个有一个
Posted 红叶都枫了163
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>
以上是关于vue实现动态绑定class--多个按钮点击一个有一个的主要内容，如果未能解决你的问题，请参考以下文章
vue实现动态绑定class--（boolean）绑定class,点击有，再点击取消