vue--點(diǎn)擊當(dāng)前增加class,其他刪除class的方法
來(lái)源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 22:07:35
vue--點(diǎn)擊當(dāng)前增加class,其他刪除class的方法
vue--點(diǎn)擊當(dāng)前增加class,其他刪除class的方法:如下所示: <div id=app> <p v-for='(data,key,index) in datas' v-on:click=addClassFun(index) v-bind:class='{class1:index==qwerqwre}'>{{data.data}}</p> </div&g
導(dǎo)讀vue--點(diǎn)擊當(dāng)前增加class,其他刪除class的方法:如下所示: <div id=app> <p v-for='(data,key,index) in datas' v-on:click=addClassFun(index) v-bind:class='{class1:index==qwerqwre}'>{{data.data}}</p> </div&g

如下所示:
<div id="app">
<p v-for='(data,key,index) in datas' v-on:click="addClassFun(index)" v-bind:class='{class1:index==qwerqwre}'>{{data.data}}</p>
</div>
<script>
new Vue({
el: '#app',
data: {
datas: {
data1: {
data: "測(cè)試1",
ifAdd: 0
},
data2: {
data: "測(cè)試2",
ifAdd: 1
},
data3: {
data: "測(cè)試3",
ifAdd: 2
}
},
qwerqwre:"0"
},
methods: {
addClassFun: function(index) {
this.qwerqwre = index;
}
}
})
</script>
以上這篇vue--點(diǎn)擊當(dāng)前增加class,其他刪除class的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
vue--點(diǎn)擊當(dāng)前增加class,其他刪除class的方法
vue--點(diǎn)擊當(dāng)前增加class,其他刪除class的方法:如下所示: <div id=app> <p v-for='(data,key,index) in datas' v-on:click=addClassFun(index) v-bind:class='{class1:index==qwerqwre}'>{{data.data}}</p> </div&g