需求:想要实现要在Vue中实现实时更新的时间,你可以使用JavaScript的
setInterval
函数来每秒更新时间。
这样的写法可以实现后面的秒是实时获取的
<template>
<div>
<p>当前时间: {{ currentTime }}</p>
</div>
</template>
<script>
export default {
data() {
return {
currentTime: ''
};
},
mounted() {
this.updateTime();
setInterval(this.updateTime, 1000);
},
methods: {
updateTime() {
const now = new Date();
const year = now.getFullYear();
const month = String(now.getMonth() + 1).padStart(2, '0');
const day = String(now.getDate()).padStart(2, '0');
const hours = String(now.getHours()).padStart(2, '0');
const minutes = String(now.getMinutes()).padStart(2, '0');
const seconds = String(now.getSeconds()).padStart(2, '0');
this.currentTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
}
}
};
</script>