uni-app随机数生成器

奎歪歪

已于 2022-06-06 21:19:39 修改

阅读量4.1k

点赞数

分类专栏： Vue&Element使用笔记文章标签： vue.js 前端 javascript

于 2022-06-06 14:55:11 首次发布

本文链接：https://blog.csdn.net/qq_45136860/article/details/125146694

版权

Vue&Element使用笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

uni-app随机数生成器

核心

Math.floor(Math.random() * (this.max - this.min + 1) ) + this.min

代码

<template>
	<view>
		<input style="border: 1px solid;" type="text" v-model="min" placeholder="请输入最小值"/>
		<input style="border: 1px solid;" type="text" v-model="max" placeholder="请输入最大值"/>
		<button @click="getRand">点击生成</button>
		<input style="border: 1px solid;" type="text" :value="rand" placeholder="结果" disabled="true"/>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				max:0,
				min:0,
				rand:0
			}
		},
		onLoad() {
		},
		methods: {
			getRand(){
				console.log(this.min)
				console.log(this.max)
				this.rand = Math.floor(Math.random() * (this.max - this.min + 1) ) + this.min

			}
		}
	}
</script>

<style>
</style>