<template>
<div>
<!-- 多选,反选取消 -->
<button @click="handleBtn(i)" v-for="(item,i) in list" :key="i" :class="checkList.indexOf(i) === -1 ? '' : 'active'">{
{item.name}}</button>
</div>
</template>
<script>
export default {
data () {
return {
checkList: [],
isActive:'',
list:[
{
name:'按钮1'
},
{
name:'按钮2'
},
{
name:'按钮3'
vue原生button多个复选框选中及反选改变背景色
最新推荐文章于 2024-06-29 17:51:03 发布