vue中页面显示当前时间
时间: 2023-08-12 07:04:42 浏览: 85
页面显示当前时间
当然!在Vue.js中,您可以使用以下代码来显示当前时间:
首先,在Vue实例中定义一个data属性来存储当前时间:
```javascript
data() {
return {
currentTime: ''
}
}
```
接下来,您可以使用setInterval方法来定期更新currentTime属性:
```javascript
mounted() {
setInterval(() => {
this.currentTime = new Date().toLocaleTimeString();
}, 1000);
}
```
最后,在页面中使用双花括号(mustache)语法来绑定currentTime属性:
```html
<p>Current time is: {{ currentTime }}</p>
```
这将在页面中显示当前时间,并且每秒钟更新一次。希望这可以帮助您!
阅读全文