新聞中心
一、內(nèi)容簡(jiǎn)介

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)鶴崗免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了上1000家企業(yè)的穩(wěn)健成長(zhǎng),幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
在使用vue開發(fā)時(shí),經(jīng)常會(huì)封裝很多的組件方便復(fù)用,那么難免就有寫樣式相關(guān)組件,比如需要使用時(shí)傳入顏色、高度等樣式參數(shù)。
那么問題來了:我們要怎么在樣式中使用組件中接收的參數(shù)呢?或者說,我們要怎么在樣式中使用data中的變量呢?
二、代碼演示
這個(gè)用法真的簡(jiǎn)單,沒什么其他的知識(shí)點(diǎn),直接上代碼:
這樣我們就在vue中實(shí)現(xiàn)了在樣式里使用js變量的方法:
及通過css定義變量的方式,將變量在行內(nèi)注入,然后在style中使用var()獲取我們?cè)谛袃?nèi)設(shè)置的數(shù)據(jù)即可。
三、最后
以后,在封裝一些需要?jiǎng)討B(tài)傳入樣式參數(shù)的ui組件是不是簡(jiǎn)便了不少。你學(xué)會(huì)了么?趕快在項(xiàng)目中嘗試一下吧~~
網(wǎng)站標(biāo)題:一個(gè) 1 分鐘就學(xué)會(huì)的 vue 小技巧(真的一看就會(huì))
URL分享:http://m.5511xx.com/article/copdosd.html


咨詢
建站咨詢
