vue （v-for 之后点击增加class）

最新推荐文章于 2023-09-09 16:44:23 发布

不会桥敲代码的程序袁

最新推荐文章于 2023-09-09 16:44:23 发布

阅读量762

点赞数

分类专栏： vue基础文章标签： vue.js

本文链接：https://blog.csdn.net/qq_44701537/article/details/103728635

版权

vue基础专栏收录该内容

3 篇文章 0 订阅

订阅专栏


	.active{
		background:red;
	}

//默认item的第一项增加active
<div v-for="(item, index) in ZFlist" class="ZF" :key="index" @click='setTtem(index)'
                    :class='num==index?"active":""'>{{item}}</div>


	data:{
		num：0,
		ZFlist: ['反面运行', '正面运行'],
	},
	methods: {
		setTtem(index){
			this.num=index
		}
	}