文章詳情頁
vue 實現(xiàn)根據(jù)data中的屬性值來設(shè)置不同的樣式
瀏覽:129日期:2022-12-18 10:13:03
style動態(tài)賦值
margin-top的值 根據(jù)choosePaperFlag的值來設(shè)置 利用三元表達式
補充知識:vue 條件判斷綁定內(nèi)聯(lián)樣式
當需要判斷條件來綁定內(nèi)聯(lián)樣式時 可以三元運算符判斷,然后綁定一個對象
:style='!areaCode || !phoneNumber || !receivedCode || !verification ? ’{backgruond:#ccc}’ : $store.state.store.config.background'
以上這篇vue 實現(xiàn)根據(jù)data中的屬性值來設(shè)置不同的樣式就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。
標簽:
Vue
相關(guān)文章:
1. 低版本IE正常運行HTML5+CSS3網(wǎng)站的3種解決方案2. xml文件的結(jié)構(gòu)解讀第1/2頁3. jsp實現(xiàn)局部刷新頁面、異步加載頁面的方法4. Jsp中request的3個基礎(chǔ)實踐5. Python填充任意顏色,不同算法時間差異分析說明6. IDEA編寫JavaWeb出現(xiàn)亂碼問題解決方案7. python GUI庫圖形界面開發(fā)之PyQt5工具欄控件QToolBar的詳細使用方法與實例8. Vue項目打包壓縮的實現(xiàn)(讓頁面更快響應)9. Android 解決sqlite無法創(chuàng)建新表的問題10. 簡單了解JavaScript作用域
排行榜
