1:定義一個(gè)數(shù)組存放rgb16進(jìn)制的色值
data（）{
return：{
colorlists: [
? ? ? ? ? ? ? ? 'rgb(229, 0, 19)',
? ? ? ? ? ? ? ? 'rgb(206,194,28)',
? ? ? ? ? ? ? ? 'rgb(0,161,233)',
? ? ? ? ? ? ? ? 'rgb(109,185,45)',
? ? ? ? ? ? ? ? 'rgb(166,0,130)',
? ? ? ? ? ? ? ? 'rgb(237,108,0)',
? ? ? ? ? ? ? ? 'rgb(240, 28, 131)',
? ? ? ? ? ? ? ? 'rgb(84, 21, 226)',
? ? ? ? ? ? ? ? 'rgb( 0,128,0)',
? ? ? ? ? ? ? ? 'rgb( 255,69,0)',
? ? ? ? ? ? ? ? 'rgb( 255,165,0)',
? ? ? ? ? ? ? ? 'rgb( 178,34,34)',
? ? ? ? ? ? ? ? 'rgb( 255,0,255)',
? ? ? ? ? ? ? ? 'rgb(65,105,225)',
? ? ? ? ? ? ? ? 'blueviolet'
? ? ? ? ? ? ? ]
}
}
2：在標(biāo)簽上加上 動(dòng)態(tài)綁定style樣式 利用Math.random 取隨機(jī)
<div class="yuan" :style="{'background-color':colorlists[Math.floor(Math.random()*10)]}"></div>
效果圖：每次刷新頁面都會(huì)取隨機(jī)
