要在 Vue 中获取今天的年、月、日,您可以使用 JavaScript 的 Date
对象,并从中提取年、月、日的信息。以下是如何操作的:
- 在 Vue data 中声明变量:
data() {
let today = new Date();
return {
year: today.getFullYear(),
month: today.getMonth() + 1, // 注意:月份是从0开始的,所以我们加1
day: today.getDate()
};
}
在上述代码中,我们创建了一个 Date
对象(表示当前日期和时间),并使用 getFullYear()
, getMonth()
, 和 getDate()
方法来提取年、月、日的信息。
- 在模板中显示年、月、日:
<template>
<div>
今天是:{{ year }}年{{ month }}月{{ day }}日
</div>
</template>
这样,当您加载该组件时,它会显示今天的年、月、日。如果您希望月和日始终显示为两位数字,可以使用一些额外的逻辑来格式化它们。