文章詳情頁(yè)
vue 實(shí)現(xiàn)根據(jù)data中的屬性值來設(shè)置不同的樣式
瀏覽:91日期: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. XML解析錯(cuò)誤:未組織好 的解決辦法2. JSP的Cookie在登錄中的使用3. 博客日志摘要暨RSS技術(shù)4. 告別AJAX實(shí)現(xiàn)無刷新提交表單5. SSM框架整合JSP中集成easyui前端ui項(xiàng)目開發(fā)示例詳解6. 使用XSL將XML文檔中的CDATA注釋輸出為HTML文本7. ASP.NET Core實(shí)現(xiàn)中間件的幾種方式8. JSP之表單提交get和post的區(qū)別詳解及實(shí)例9. XMLDOM對(duì)象方法:對(duì)象屬性10. ASP常用日期格式化函數(shù) FormatDate()
排行榜
