Vue 中可以使用JavaScript的Math.random() 函數生成隨機數,它會返回 0 到 1 之間的浮點數,
如果需要0到1000之前的隨機數,可以對生成的隨機數乘以1000,再用js的向下取整函數Math.floor() 。
let randNum = Math.random(); // 生成0到1之間的隨機數
let intRandNum=Math.floor(randNum * 1000); // 生成0到1000之間的隨機整數
Math.floor() 是一個用于向下取整的函數,它通常用于將浮點數舍入為最接近但不大于原始值的整數。
完整示例:
<template>
??????? <div>
??????????? <p>隨機數: {{ intRandNum }}</p>
??????????? <button @click="handleClick">生成隨機數</button>
??????? </div>
</template>
?
<script>
export default {
??? data() {
??????? return {
??????????? intRandNum: 0
??????? }
??? },
??? methods: {
??????? handleClick() {
??????????? let randNum = Math.random(); // 生成0到1之間的隨機數
??????????? this.intRandNum=Math.floor(randNum * 1000); // 生成0到1000之間的隨機整數
??????????? },
??????? }
}
</script>