vue获取当前时间
时间: 2023-06-30 20:20:08 浏览: 112
vue获取当前时间.zip
可以使用JavaScript的Date对象来获取当前时间,然后在Vue中将其显示出来。例如:
```
<template>
<div>
<p>当前时间是: {{ currentTime }}</p>
</div>
</template>
<script>
export default {
data() {
return {
currentTime: ''
}
},
mounted() {
setInterval(() => {
const date = new Date()
this.currentTime = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`
}, 1000)
}
}
</script>
```
在mounted生命周期钩子函数中,我们使用setInterval函数每隔一秒钟获取一次当前时间,并将其赋值给Vue实例的data中的currentTime属性。最后在模板中使用双花括号语法将其渲染出来。
阅读全文