动态设置classname方法合集

Lao乾妈官方认证唯一女友:D

于 2023-09-27 16:06:32 发布

阅读量241

点赞数

分类专栏： vue+antd+ts+less 文章标签： css html

本文链接：https://blog.youkuaiyun.com/qq_24385297/article/details/133354946

版权

vue+antd+ts+less 专栏收录该内容

20 篇文章

订阅专栏

这篇文章讨论了如何在Vue.js中使用v-for指令和条件渲染来实现一个内容社区的动态分类列表，用户点击后可以切换不同的板块。通过`:class`绑定，当tempChoosedKey与item.key匹配时，会给对应的列表项添加choosed类。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//:class="{ choosed: tempChoosedKey == item.key }" 
//当tempChoosedKey 的值和item.key相等时，设置classname为choosed
<div class="chooseItem" 
	:class="{ choosed: tempChoosedKey == item.key }" 
	v-for="item in tabList" 
	@click="tabChange(item.key)">
    {{ item.label }}                  
</div>