vue2每隔20s刷新页面
时间: 2023-12-16 15:27:44 浏览: 76
为了实现每隔20秒刷新页面,可以使用Vue.js提供的计时器函数setInterval()。在setInterval()函数中,我们可以编写需要定时执行的代码,以达到每隔一定时间刷新页面的目的。具体实现步骤如下:
1.在Vue组件的created()生命周期函数中,使用setInterval()函数设置定时器,代码如下:
```javascript
created() {
setInterval(() => {
window.location.reload();
}, 20000);
}
```
2.在setInterval()函数中,使用window.location.reload()方法刷新页面。
完整代码如下:
```javascript
<template>
<div>
<h1>每隔20秒刷新页面</h1>
</div>
</template>
<script>
export default {
name: "RefreshPage",
created() {
setInterval(() => {
window.location.reload();
}, 20000);
},
};
</script>
```
阅读全文