vue3中获取当前时间
时间: 2023-10-19 16:05:38 浏览: 201
vue获取当前时间.zip
在Vue 3中获取当前时间可以使用JavaScript的Date对象。你可以在Vue的组件中使用`new Date()`来获取当前的日期和时间。下面是一个简单的例子:
```vue
<template>
<div>
<p>当前时间:{{ currentTime }}</p>
</div>
</template>
<script>
export default {
data() {
return {
currentTime: ''
};
},
mounted() {
this.getCurrentTime();
},
methods: {
getCurrentTime() {
setInterval(() => {
this.currentTime = new Date().toLocaleString();
}, 1000);
}
}
};
</script>
```
上述代码会在组件挂载后,每秒钟更新一次currentTime属性,以显示当前的时间。你可以根据需要对时间格式进行调整,例如使用`toLocaleString()`方法来获取本地化的时间字符串。
阅读全文