既然是控制單個樣式，我們的html里面的內容一定是v-for=""；渲染出來，一定要養成一個好習慣，v-for="(item,index) in items";index就是我們所說的索引。

<div class="border" v-for="(item,index) in tolos" :key="index">

我做的項目類似于微信朋友圈，彈出贊與評論按鈕，點擊一個全體都會彈出；我們要解決的就是點一個只彈出對應的一個，對button按鈕對應其中的INDEX。

這個index對應著v-for中的index；

由于公司開發的后臺是c#必須用兩個@@來調用click事件，函數clickBt的函數內容是：

<div @@click="clickBt(index)" class="clickBt"><i class="fa fa-envelope fa-lg message"></i></div>

在data里面定義了activeindex

// clickBt: function (index) {// var _this = this;// console.log(111,index);// _this.activeindex = index;// _this.clickTf = !_this.clickTf;// },

最后是在我們需要彈出的div里面寫v-class:與v-if相互調用：

<div class="clickDiv" v-bind:class="{'slide':clickTf}" v-if="index == activeindex">

不BB其他的哦，只希望以后遇到同樣的問題，能夠自己解決吧！

以上這篇解決vue點擊控制單個樣式的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。