vue 获取当前的最后时间
时间: 2023-10-22 08:03:42 浏览: 83
可以使用 JavaScript 中的 `Date` 对象来获取当前时间,然后使用 Vue 的数据绑定将时间显示在页面上。下面是一个示例代码:
HTML:
```html
<div id="app">
<p>当前时间:{{ currentTime }}</p>
</div>
```
Vue:
```javascript
new Vue({
el: '#app',
data: {
currentTime: ''
},
mounted() {
this.getCurrentTime();
},
methods: {
getCurrentTime() {
const date = new Date();
const hours = date.getHours();
const minutes = date.getMinutes();
const seconds = date.getSeconds();
this.currentTime = `${hours}:${minutes}:${seconds}`;
setTimeout(() => this.getCurrentTime(), 1000);
}
}
});
```
在上面的代码中,我们使用 `Date` 对象获取当前时间,并将时、分、秒拼接在一起作为 `currentTime` 的值。然后使用 `setTimeout` 定时器每隔一秒钟更新一次 `currentTime` 的值,从而实现实时更新当前时间的效果。
阅读全文