vue.js - vue中如果要在很多个元素上实现toggle效果该怎么做?
本文介绍了vue.js - vue中如果要在很多个元素上实现toggle效果该怎么做?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
不可能每个元素都在data里面声明一个变量吧,这样太麻烦,有没有简便的方法?
解决方案
<p @click="handleClicks(1)" :class="{actives:1===limit}">1</p>
<p @click="handleClicks(2)" :class="{actives:2===limit}" >2</p>
<p @click="handleClicks(3)" :class="{actives:3===limit}">3</p>
data(){ limit:-1}
methods:{
handleClicks(id){
this.limit=id;
}
}
这篇关于vue.js - vue中如果要在很多个元素上实现toggle效果该怎么做?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文