vue3中把newData,获得的时间戳,变成年月日显示在页面中
时间: 2024-02-15 11:04:53 浏览: 68
vue将后台数据时间戳转换成日期格式
5星 · 资源好评率100%
在Vue3中,你可以使用Date对象将时间戳转换为年月日格式,然后将其显示在页面中。以下是一个简单的示例代码:
```html
<template>
<div>
<p>原始时间戳:{{ newData }}</p>
<p>转换后的时间:{{ date }}</p>
</div>
</template>
<script>
import { ref, computed } from 'vue';
export default {
setup() {
const newData = ref(Date.now());
const date = computed(() => {
const d = new Date(newData.value);
return `${d.getFullYear()}-${d.getMonth() + 1}-${d.getDate()}`;
});
return {
newData,
date
};
}
};
</script>
```
在上面的示例中,我们使用`ref`来定义一个响应式变量`newData`,并使用`computed`来定义一个计算属性`date`,它将原始时间戳转换为年月日格式。在模板中,我们将原始时间戳和转换后的时间都显示在页面中。
阅读全文