1:定义一个数组存放rgb16进制的色值
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：在标签上加上 动态绑定style样式 利用Math.random 取随机
<div class="yuan" :style="{'background-color':colorlists[Math.floor(Math.random()*10)]}"></div>
效果图：每次刷新页面都会取随机
