文章詳情頁(yè)
vue 實(shí)現(xiàn)根據(jù)data中的屬性值來設(shè)置不同的樣式
瀏覽:69日期:2022-12-18 10:13:03
style動(dòng)態(tài)賦值
margin-top的值 根據(jù)choosePaperFlag的值來設(shè)置 利用三元表達(dá)式
補(bǔ)充知識(shí):vue 條件判斷綁定內(nèi)聯(lián)樣式
當(dāng)需要判斷條件來綁定內(nèi)聯(lián)樣式時(shí) 可以三元運(yùn)算符判斷,然后綁定一個(gè)對(duì)象
:style='!areaCode || !phoneNumber || !receivedCode || !verification ? ’{backgruond:#ccc}’ : $store.state.store.config.background'
以上這篇vue 實(shí)現(xiàn)根據(jù)data中的屬性值來設(shè)置不同的樣式就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
標(biāo)簽:
Vue
相關(guān)文章:
1. idea修改背景顏色樣式的方法2. PHP腳本的10個(gè)技巧(8)3. IntelliJ IDEA配置Tomcat服務(wù)器的方法4. IntelliJ IDEA調(diào)整字體大小的方法5. IntelliJ IDEA設(shè)置背景圖片的方法步驟6. python中復(fù)數(shù)的共軛復(fù)數(shù)知識(shí)點(diǎn)總結(jié)7. IntelliJ IDEA導(dǎo)出項(xiàng)目的方法8. IntelliJ IDEA設(shè)置默認(rèn)瀏覽器的方法9. jsp網(wǎng)頁(yè)實(shí)現(xiàn)貪吃蛇小游戲10. idea自定義快捷鍵的方法步驟
排行榜
