文章詳情頁(yè)
vue 實(shí)現(xiàn)根據(jù)data中的屬性值來(lái)設(shè)置不同的樣式
瀏覽:118日期:2022-12-18 10:13:03
style動(dòng)態(tài)賦值
margin-top的值 根據(jù)choosePaperFlag的值來(lái)設(shè)置 利用三元表達(dá)式
補(bǔ)充知識(shí):vue 條件判斷綁定內(nèi)聯(lián)樣式
當(dāng)需要判斷條件來(lái)綁定內(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中的屬性值來(lái)設(shè)置不同的樣式就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
標(biāo)簽:
Vue
相關(guān)文章:
1. asp.net core項(xiàng)目授權(quán)流程詳解2. 關(guān)于JavaScript對(duì)象類型之Array及Object3. 使用css實(shí)現(xiàn)全兼容tooltip提示框4. JavaServlet的文件上傳和下載實(shí)現(xiàn)方法5. XML和JSP的聯(lián)手6. HTML相關(guān)知識(shí)點(diǎn)總結(jié)7. WML開(kāi)發(fā)教程之 WAP網(wǎng)站服務(wù)器配置方法8. jsp中文亂碼問(wèn)題的簡(jiǎn)單解決方法9. EJB3.0部署消息驅(qū)動(dòng)Bean拋javax.naming.NameNotFoundException異常10. 詳解PHP實(shí)現(xiàn)HTTP服務(wù)器過(guò)程
排行榜
