新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
vue多個元素的樣式選擇器問題
三目運算符只能進(jìn)行兩個的選擇判斷,多個選擇就很難受了。
創(chuàng)新互聯(lián)建站是一家從事企業(yè)網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、成都網(wǎng)站制作、行業(yè)門戶網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計制作的專業(yè)網(wǎng)絡(luò)公司,擁有經(jīng)驗豐富的網(wǎng)站建設(shè)工程師和網(wǎng)頁設(shè)計人員,具備各種規(guī)模與類型網(wǎng)站建設(shè)的實力,在網(wǎng)站建設(shè)領(lǐng)域樹立了自己獨特的設(shè)計風(fēng)格。自公司成立以來曾獨立設(shè)計制作的站點1000多家。
廢話少說,直接上源碼。
首先獲取它的索引,通過索引來判斷樣式
// 索引key判斷我是什么顏色
在data里面定義元素的樣式 數(shù)組格式
// 數(shù)組格式 data() { return { rcar:[ "rcar", "rcar2", "rcar3", "rcar4", "rcar5", ] };
下面就是css寫自己的樣式了
// 自己的樣式 .rcar { background-color: #1388ef; } .rcar2 { background-color: #a0a0a0; } .rcar3 { background-color: #282828; } .rcar4 { background-color: #efc313; } .rcar5 { background-color: #b9bab9; }
總結(jié)
以上所述是小編給大家介紹的vue多個元素的樣式選擇器問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!
新聞標(biāo)題:vue多個元素的樣式選擇器問題
路徑分享:http://fisionsoft.com.cn/article/gsopdp.html