Vue 中获取当前时间并实时刷新
在 Vue 组件中使用 JavaScript 内置的 setInterval 函数实现。可以在组件的 created 钩子函数中设置一个定时器，每隔一段时间就更新组件的数据。使用 Vue 的计时器指令 v-bind:interval。这个指令可以在模板中绑定一个数据，每隔一段时间就更新绑定的数据。注意：如果使用计时器指令，要确保 Vue 版本为 2.6.0 或以上。
·
在 Vue 组件中使用 JavaScript 内置的 setInterval 函数实现。可以在组件的 created 钩子函数中设置一个定时器，每隔一段时间就更新组件的数据。
export default {
data() {
return {
currentTime: new Date()
}
},
created() {
setInterval(() => {
this.currentTime = new Date()
}, 1000)
}
}
使用 Vue 的计时器指令 v-bind:interval。这个指令可以在模板中绑定一个数据，每隔一段时间就更新绑定的数据。
<template>
<div>
<p v-bind:interval="1000">当前时间：{{ currentTime }}</p>
</div>
</template>
注意：如果使用计时器指令，要确保 Vue 版本为 2.6.0 或以上。
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
7
0- 0
已为社区贡献1条内容
所有评论(0)