vue获取当前时间,每秒刷新
时间: 2023-10-17 17:23:31 浏览: 301
vue获取当前时间.zip
您可以使用Vue.js中的计算属性来获取当前时间并每秒刷新。以下是一个示例代码:
```html
<template>
<div>
<p>Current Time: {{ currentTime }}</p>
</div>
</template>
<script>
export default {
data() {
return {
currentTime: '',
};
},
computed: {
refreshTime() {
setInterval(() => {
this.currentTime = new Date().toLocaleTimeString();
}, 1000);
},
},
mounted() {
this.refreshTime;
},
};
</script>
```
在上述代码中,我们首先定义了一个字符串类型的数据 `currentTime` 来保存当前时间,并在模板中进行显示。然后,我们使用一个名为 `refreshTime` 的计算属性,在组件挂载后设置每秒钟更新当前时间的定时器。每秒钟更新当前时间并将其保存到 `currentTime` 数据中。最后,我们在模板中使用 `{{ currentTime }}` 表达式来显示当前时间。
阅读全文