日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

一、內(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)，直接上代碼：

 
 
 
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
.box { 
  
  
  
  
  height: var(--box-height); 
  
  
  
  
} 
  
  
  
  
 
 
 
 

這樣我們就在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