欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

快速解決vue動(dòng)態(tài)綁定多個(gè)class的官方實(shí)例語(yǔ)法無(wú)效的問(wèn)題

 更新時(shí)間：2018年09月05日 09:58:15   作者：超神冉  
今天小編就為大家分享一篇快速解決vue動(dòng)態(tài)綁定多個(gè)class的官方實(shí)例語(yǔ)法無(wú)效的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

首先，直接進(jìn)入正題，我想要給一個(gè)dom綁定多個(gè)class，而且是動(dòng)態(tài)綁定，這個(gè)時(shí)候可以用v-bind簡(jiǎn)寫(xiě)可以寫(xiě)為“ ：”冒號(hào)，我查了官方的語(yǔ)法，

具體如下：

<!-- class 綁定 -->
<div :class="{ red: isRed }"></div>
<div :class="[classA, classB]"></div>
<div :class="[classA, { classB: isB, classC: isC }]">

其中第2行和第3行都是采用了數(shù)組語(yǔ)法，所以放到了我本人的代碼中就是這樣寫(xiě)

<a :class="[{ active : hash==='all' }, nav-link]" href="#/all" rel="external nofollow" >全部任務(wù)</a>

不幸的是并沒(méi)有任何卵用，這里的nav-link這個(gè)class是固定的不會(huì)變的，active這個(gè)class需要根據(jù)條件來(lái)判斷是否要加入。

后來(lái)查了很多資料也沒(méi)有解決，最后自己對(duì)象寫(xiě)法就成功了，目前看到網(wǎng)上沒(méi)有解決的案列，所以分享出來(lái)。

具體如下：

<a :class="{ 'active': hash==='finish','nav-link':true}" href="#/finish" rel="external nofollow" >已完成</a>

有疑問(wèn)的可以在評(píng)論中提出或者我有錯(cuò)誤的也可以說(shuō)一下。

以上這篇快速解決vue動(dòng)態(tài)綁定多個(gè)class的官方實(shí)例語(yǔ)法無(wú)效的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論