文章詳情頁
vue 實(shí)現(xiàn)根據(jù)data中的屬性值來設(shè)置不同的樣式
瀏覽:66日期: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 實(shí)現(xiàn)根據(jù)data中的屬性值來設(shè)置不同的樣式就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。
標(biāo)簽:
Vue
相關(guān)文章:
1. python中scrapy處理項(xiàng)目數(shù)據(jù)的實(shí)例分析2. Python中讀取文件名中的數(shù)字的實(shí)例詳解3. 在idea中為注釋標(biāo)記作者日期操作4. 通過Ajax方式綁定select選項(xiàng)數(shù)據(jù)的實(shí)例5. JSP頁面的靜態(tài)包含和動態(tài)包含使用方法6. ASP.Net Core對USB攝像頭進(jìn)行截圖7. ASP.NET MVC使用Boostrap實(shí)現(xiàn)產(chǎn)品展示、查詢、排序、分頁8. .net如何優(yōu)雅的使用EFCore實(shí)例詳解9. 使用AJAX(包含正則表達(dá)式)驗(yàn)證用戶登錄的步驟10. ajax動態(tài)加載json數(shù)據(jù)并詳細(xì)解析
排行榜
