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屋！