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>

相关推荐
江拥羡橙16 小时前
Vue和React怎么选?全面比对
前端·vue.js·react.js
千码君201616 小时前
React Native:快速熟悉react 语法和企业级开发
javascript·react native·react.js·vite·hook
楼田莉子18 小时前
Qt开发学习——QtCreator深度介绍/程序运行/开发规范/对象树
开发语言·前端·c++·qt·学习
暮之沧蓝18 小时前
Vue总结
前端·javascript·vue.js
木易 士心19 小时前
Promise深度解析:前端异步编程的核心
前端·javascript
im_AMBER19 小时前
Web 开发 21
前端·学习
又是忙碌的一天19 小时前
前端学习day01
前端·学习·html
Joker Zxc19 小时前
【前端基础】20、CSS属性——transform、translate、transition
前端·css
excel19 小时前
深入解析 Vue 3 源码:computed 的底层实现原理
前端·javascript·vue.js
大前端helloworld19 小时前
前端梳理体系从常问问题去完善-框架篇(react生态)
前端