vue中如何获取当前时间
时间: 2023-05-20 15:05:10 浏览: 1222
vue实时获取当前时间
5星 · 资源好评率100%
在Vue中,可以使用JavaScript的Date对象来获取当前时间。具体实现方法如下:
1. 在Vue组件中定义一个data属性,用于存储当前时间:
```
data() {
return {
currentTime: ''
}
}
```
2. 在组件的created钩子函数中,使用Date对象获取当前时间,并将其赋值给data中的currentTime属性:
```
created() {
const now = new Date()
this.currentTime = now.toLocaleString()
}
```
3. 在模板中使用{{}}语法将currentTime属性渲染到页面上:
```
<div>{{ currentTime }}</div>
```
这样就可以在Vue中获取并显示当前时间了。
阅读全文