最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

一、內(nèi)容簡介

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

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

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

二、代碼演示

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

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

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

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

三、最后

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

本文名稱：一個 1 分鐘就學(xué)會的 vue 小技巧（真的一看就會）
瀏覽路徑：http://m.fisionsoft.com.cn/article/copdosd.html