91在线一级黄片|91视频在线观看18|成人夜间呦呦网站|91资源欧美日韩超碰|久久最新免费精品视频一区二区三区|国产探花视频在线观看|黄片真人免费三级片毛片|国产人无码视频在线|精品成人影视无码三区|久久视频爱久久免费精品

一、內(nèi)容簡介

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計、成都做網(wǎng)站服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)鶴崗免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上1000家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

在使用vue開發(fā)時，經(jīng)常會封裝很多的組件方便復(fù)用，那么難免就有寫樣式相關(guān)組件，比如需要使用時傳入顏色、高度等樣式參數(shù)。

那么問題來了：我們要怎么在樣式中使用組件中接收的參數(shù)呢?或者說，我們要怎么在樣式中使用data中的變量呢?

二、代碼演示

這個用法真的簡單，沒什么其他的知識點，直接上代碼：

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

這樣我們就在vue中實現(xiàn)了在樣式里使用js變量的方法：

及通過css定義變量的方式，將變量在行內(nèi)注入，然后在style中使用var()獲取我們在行內(nèi)設(shè)置的數(shù)據(jù)即可。

三、最后

以后，在封裝一些需要動態(tài)傳入樣式參數(shù)的ui組件是不是簡便了不少。你學(xué)會了么?趕快在項目中嘗試一下吧～～

網(wǎng)站標(biāo)題：一個 1 分鐘就學(xué)會的 vue 小技巧（真的一看就會）
URL網(wǎng)址：http://m.jiaoqi3.com/article/copdosd.html