style動態(tài)賦值

margin-top的值 根據(jù)choosePaperFlag的值來設(shè)置 利用三元表達(dá)式

補(bǔ)充知識：vue 條件判斷綁定內(nèi)聯(lián)樣式

當(dāng)需要判斷條件來綁定內(nèi)聯(lián)樣式時(shí) 可以三元運(yùn)算符判斷，然后綁定一個(gè)對象

:style='!areaCode || !phoneNumber || !receivedCode || !verification ? ’{backgruond:#ccc}’ : $store.state.store.config.background'

以上這篇vue 實(shí)現(xiàn)根據(jù)data中的屬性值來設(shè)置不同的樣式就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持好吧啦網(wǎng)。