vue 在data(){return{}}中用new date()转换时间为yyyy-mm-dd
时间: 2024-10-24 08:11:09 浏览: 18
在Vue中获取自定义属性方法:data-id的实例
5星 · 资源好评率100%
在Vue.js中,`data()`是一个用于声明组件实例初始数据的对象。如果你想将当前时间转换为`yyyy-mm-dd`格式并存储在数据对象中,你可以这样做:
```javascript
data() {
return {
currentTime: new Date().toISOString().split('T')[0] // 使用toISOString获取ISO字符串,然后分割得到日期部分
}
}
```
这将会创建一个名为`currentTime`的数据属性,它存储的是当前日期,格式类似于`"2023-04-07"`。
如果你想让这个值始终保持最新的时间,你可以在某个生命周期钩子(如`updated()`)里更新它,或者使用计算属性(Computed Property):
```javascript
data() {
return {
currentDateString: ''
},
computed: {
currentTime() {
return new Date().toISOString().split('T')[0];
}
}
}
```
现在每次更新组件时,`currentTime`都会自动更新为当前日期。
阅读全文