vue2每五秒随机生成六个数
时间: 2023-08-15 10:09:02 浏览: 42
你可以使用Vue.js的计时器功能和随机数生成方法来实现每五秒随机生成六个数的效果。下面是一个简单的示例代码:
```vue
<template>
<div>
<h1>随机数生成器</h1>
<ul>
<li v-for="number in numbers" :key="number">{{ number }}</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
numbers: []
};
},
mounted() {
this.generateNumbers();
setInterval(this.generateNumbers, 5000);
},
methods: {
generateNumbers() {
this.numbers = [];
for (let i = 0; i < 6; i++) {
this.numbers.push(Math.floor(Math.random() * 100));
}
}
}
};
</script>
```
在上面的代码中,我们使用`numbers`数组来存储生成的随机数。在组件的`mounted`生命周期钩子中,我们调用`generateNumbers`方法首次生成随机数,并使用`setInterval`函数每五秒调用一次`generateNumbers`方法更新随机数。
通过以上代码,你可以在Vue.js中实现每五秒随机生成六个数的功能。记得在你的Vue项目中引入该组件并使用。