文章詳情頁
vue 實(shí)現(xiàn)根據(jù)data中的屬性值來設(shè)置不同的樣式
瀏覽:127日期: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設(shè)置代碼格式化的方法步驟2. ajax異步讀取后臺(tái)傳遞回的下拉選項(xiàng)的值方法3. 關(guān)于ajax異步訪問數(shù)據(jù)的問題4. Vue打包部署到Nginx時(shí),css樣式不生效的解決方式5. Python 調(diào)用API發(fā)送郵件6. 聊一聊數(shù)據(jù)請(qǐng)求中Ajax、Fetch及Axios的區(qū)別7. ajax異步實(shí)現(xiàn)文件分片上傳實(shí)例代碼8. Vue組件通信$attrs、$listeners實(shí)現(xiàn)原理解析9. HTML iframe標(biāo)簽用法案例詳解10. 簡(jiǎn)單明了帶你了解CSS Modules
排行榜
