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>

相关推荐
小叶lr19 小时前
jenkins打包前端样式丢失/与本地不一致问题
运维·前端·jenkins
浩星20 小时前
electron系列1:Electron不是玩具,为什么桌面应用需要它?
前端·javascript·electron
ZC跨境爬虫20 小时前
Scrapy工作空间搭建与目录结构解析:从初始化到基础配置全流程
前端·爬虫·python·scrapy·自动化
小村儿20 小时前
连载04-最重要的Skill---一起吃透 Claude Code,告别 AI coding 迷茫
前端·后端·ai编程
_院长大人_20 小时前
Vue + ECharts 实现价格趋势分析图
前端·vue.js·echarts
疯笔码良21 小时前
【Vue】自适应布局
javascript·vue.js·css3
浩星21 小时前
electron系列2:搭建专业Electron开发环境
javascript·typescript·electron
mon_star°21 小时前
消防安全培训小程序项目亮点与功能清单
小程序
IT_陈寒21 小时前
Vite的alias配置把我整不会了,原来是这个坑
前端·人工智能·后端
万物得其道者成21 小时前
Cursor 提效实战:我的前端 Prompt、审查 SKILL、MCP 接入完整方法
前端·prompt