色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue css添加隨機數

吉茹定2年前9瀏覽0評論

vue中想要在css文件中添加隨機數可以使用以下幾種方法:

方法一:使用Date.now()獲取一個隨機數

<style>
.random {
background-color: red;
}
.random-2 {
background-color: blue;
}
.random-3 {
background-color: green;
}
.random-4 {
background-color: yellow;
}
.random-5 {
background-color: black;
}
.random-6 {
background-color: brown;
}
</style>
<template>
<div :class="'random-' + Date.now()">
這是一個隨機顏色的div
</div>
</template>

方法二:使用Math.random()獲取一個隨機數

<style>
.random {
background-color: red;
}
.random-2 {
background-color: blue;
}
.random-3 {
background-color: green;
}
.random-4 {
background-color: yellow;
}
.random-5 {
background-color: black;
}
.random-6 {
background-color: brown;
}
</style>
<template>
<div :class="'random-' + Math.floor(Math.random() * 6 + 1)">
這是一個隨機顏色的div
</div>
</template>

以上兩種方法都可以實現為元素添加隨機數,其中方法一可確保隨機數的唯一性,而方法二則可以在一定程度上實現隨機顏色的效果。