vue中如何實現點擊動態切換樣式

循環的情況

步驟：

1.點擊時傳入index索引 ---------------->獲取當前點擊的是哪條數據

@click="addClass(index)"

2.將索引值傳入class---------------------->索引為哪個就給哪個加上想要樣式

:class="{secs : index== inde}"

3.在data里面添加inde ：0---------------->默認索引為0添加樣式

data(){        

        return{

            inde:0,

4.最后在methods里添加方法

methods:{

        addClass(index){

            this.inde = index           

        },

非循環的情況

<div class="fund_box">
            <el class="{active:actives == 1}" click="active(1)">投資</el>
            <el class="{active:actives == 2}" click="active(2)">捐贈</el>
          </div>
methods: {      
    active(index){               
      this.actives = index;
    }
  }