文章詳情頁
vue 實現(xiàn)根據(jù)data中的屬性值來設(shè)置不同的樣式
瀏覽:171日期:2022-12-18 10:13:03
style動態(tài)賦值

margin-top的值 根據(jù)choosePaperFlag的值來設(shè)置 利用三元表達(dá)式
補(bǔ)充知識:vue 條件判斷綁定內(nèi)聯(lián)樣式
當(dāng)需要判斷條件來綁定內(nèi)聯(lián)樣式時 可以三元運(yùn)算符判斷,然后綁定一個對象
:style='!areaCode || !phoneNumber || !receivedCode || !verification ? ’{backgruond:#ccc}’ : $store.state.store.config.background'
以上這篇vue 實現(xiàn)根據(jù)data中的屬性值來設(shè)置不同的樣式就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。
標(biāo)簽:
Vue
相關(guān)文章:
1. 詳解Android studio 動態(tài)fragment的用法2. 解決Android studio xml界面無法預(yù)覽問題3. Android如何加載Base64編碼格式圖片4. 圖文詳解vue中proto文件的函數(shù)調(diào)用5. 基于android studio的layout的xml文件的創(chuàng)建方式6. 什么是python的自省7. Spring Boot和Thymeleaf整合結(jié)合JPA實現(xiàn)分頁效果(實例代碼)8. Vuex localStorage的具體使用9. 使用Android studio查看Kotlin的字節(jié)碼教程10. Vue封裝一個TodoList的案例與瀏覽器本地緩存的應(yīng)用實現(xiàn)
排行榜

網(wǎng)公網(wǎng)安備