HBuilderX中,VUE生成随机数字,vue调用随机数函数

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>

相关推荐
CoolerWu13 分钟前
TRAE SOLO实战:一个所见即所得的笔记软体
前端·trae
没落英雄15 分钟前
简单了解 shadowDom
前端·html
天才熊猫君17 分钟前
vue3 基于 el-table 的无限滚动自定义指令实现
前端·javascript
陳陈陳17 分钟前
AIGC 时代,用自然语言操作数据库:SQLite + LLM 的轻量级实践
前端·数据库·python
BBB努力学习程序设计28 分钟前
Bootstrap图片:让图片展示更优雅、更专业
前端·html
玉宇夕落28 分钟前
深入理解 async/await:从原理到实战,彻底掌握 JavaScript 异步编程
前端
3秒一个大29 分钟前
从代码示例看 ES8 中的 async/await:简化异步操作的利器
javascript
00后程序员张30 分钟前
iOS 性能优化的体系化方法论 从启动速度到渲染链路的多工具协同优化
android·ios·性能优化·小程序·uni-app·iphone·webview
努力往上爬de蜗牛33 分钟前
react native token失效 刷新机制
javascript·react native·react.js
Sailing35 分钟前
🚀 Promise.then 与 async/await 到底差在哪?(这次彻底讲明白)
前端·javascript·面试