vue选中之后的变颜色

最新推荐文章于 2024-06-04 15:06:16 发布

小星星o

最新推荐文章于 2024-06-04 15:06:16 发布

阅读量593

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_74608954/article/details/132617335

版权

<tabs class="tabsc" tab-position="top">
		  <span v-for="i in warehouses" @click="tabId(i.id)"
		    :key="i.id">
		    <span :class="{'active': activeWarehouse === i.id, 'inactive': activeWarehouse !== i.id}" slot="label">
		      <i class="tabName"></i> {{ i.warehouseName }}
		    </span>
		  </span>
		</tabs>


.active {
  background-color: red; /* 设置选中按钮的颜色 */
}

.inactive {
  background-color: blue; /* 设置未选中按钮的颜色 */
}