Time
相对时间组件
Usage
<template> <Time :value="time" /></template><script lang="ts"> import { defineComponent, reactive, toRefs } from 'vue'; import { Time } from '/@/components/Time';
export default defineComponent({ components: { Time }, setup() { const now = new Date().getTime(); const state = reactive({ time: now - 60 * 3 * 1000, }); return { ...toRefs(state), now, }; }, });</script>Props
| 属性 | 类型 | 默认值 | 可选值 | 说明 |
|---|---|---|---|---|
| value | string,Date,number | - | - | 时间值 |
| step | number | 60 | - | 刷新时间 |
| mode | string | relative | - | 模式,date:日期,datetime:时间戳,relative:相对时间 |