el-inpput 显示当前年份vue
时间: 2023-12-14 20:40:01 浏览: 69
vue实现获取当前时间,输出为年月日时分秒
你可以使用Vue.js和JavaScript来显示当前年份。你可以使用Date对象来获取当前年份,然后将其绑定到Vue模板中。以下是一个示例:
HTML模板:
```
<template>
<div>
当前年份是:{{ currentYear }}
</div>
</template>
```
JavaScript代码:
```
<script>
export default {
data() {
return {
currentYear: ''
}
},
mounted() {
const date = new Date();
this.currentYear = date.getFullYear();
}
}
</script>
```
在这个示例中,我们在Vue组件的mounted生命周期钩子中创建了一个Date对象,并使用getFullYear方法获取了当前年份。然后,我们将其赋值给组件的data属性currentYear,并在模板中使用插值语法将其显示出来。
阅读全文