<span v-for="(list2,index) in lists2" :class="{'searchactive':ind2 === index}" @click="changeBgc2(index)" >{{list2}}</span>
//----------------------------------------------------------------------------
data(){
return {
ind:"",
}
},
methods:{
changeBgc2:function(index){
this.ind2=index;
},
}
//---------------------------------------------------------------------------------------
<style>
.searchactive {
border-radius: 4px;
line-height: 22px;
padding: 1.2px 10px;
text-align: center;
color: rgba(16, 142, 233, 1);
margin: 0 5px;
cursor: pointer;
border: 1px solid rgba(16, 142, 233, 1)!important;
}
</style>
vue 實現(xiàn)動態(tài)綁定class屬性
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門衰抑，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人荧嵌，你說我怎么就攤上這事呛踊。” “怎么了啦撮？”我有些...
- 文/不壞的土叔 我叫張陵谭网，是天一觀的道長。 經(jīng)常有香客問我赃春，道長愉择，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任织中，我火速辦了婚禮锥涕，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘狭吼。我一直安慰自己层坠，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布搏嗡。 她就那樣靜靜地躺著窿春，像睡著了一般拉一。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上旧乞，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼挫以！你這毒婦竟也來了者蠕？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布刺下，位于F島的核電站绑嘹，受9級特大地震影響稽荧，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜工腋，卻給世界環(huán)境...
- 文/蒙蒙 一姨丈、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧擅腰，春花似錦蟋恬、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽拜马。三九已至，卻和暖如春沐绒，著一層夾襖步出監(jiān)牢的瞬間俩莽，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 今天遇見一個問題漆魔，要做類似下圖效果屁柏， 樣式的話折晦，就是通過先給個背景圖格嗅，然后在同樣位置給一個用漸變屬性改變的塊，主要...
- Xamarin XAML語言教程構(gòu)建ControlTemplate控件模板 控件模板ControlTemplate...
- 最近在使用Vue模仿網(wǎng)易云音樂的App瞄摊。 遇到了一個關(guān)于img的src屬性動態(tài)綁定雀摘，圖片不顯示的問題裸删。 我會在這里...
- 學(xué)習(xí)vue，做一個小demo阵赠，第一步需求是點擊相應(yīng)的色塊會變色涯塔，再次點擊會還原。當(dāng)時思想是在 data 中用一個數(shù)...
- 感謝百度前端技術(shù)學(xué)院帶領(lǐng)我進步清蚀！謹以此文匕荸，記錄我的學(xué)習(xí)過程~動態(tài)數(shù)據(jù)綁定 Vue的初學(xué)者一定對于數(shù)據(jù)的動態(tài)綁定并不...
