• Clocker
    • 安装
    • 属性
    • 事件
    • 插槽
    • 相关 issue
    • 贡献者
    • 发布日志

    Clocker

    Clocker

    demo 原始链接demo 源码编辑文档组件源码

    clocker - 图1

    二维码

    clocker - 图2

    Install

    安装

    局部注册

    全局注册

    1. import { Clocker } from 'vux'
    3. export default {
    4.   components: {
    5.     Clocker
    6.   }
    7. }

    1. // 在入口文件全局引入
    3. import Vue from 'vue'
    4. import { Clocker } from 'vux'
    6. Vue.component('clocker', Clocker)

    API

    属性

    名字类型默认值说明版本要求
    timestring结束时间—
    formatstring%D 天 %H 小时 %M 分 %S 秒显示格式—

    事件

    名字参数说明版本要求
    @on-tick—时间计算时触发，但非精确每1s触发—
    @on-finish—时间结束时触发—

    插槽

    名字说明版本要求
    默认插槽若存在，则作为最终显示出来的格式模板—

    Issues

    相关 issue

    • #3131 自动将%D转换%H
    • #2931 [Feature Request] Clocker的Format是否可以自动按format计算，比如没有%D时只计算到%H？
    • #2449 clocker组件倒计时退出页面后还在执行
    • #2258 关于Clocker这个组件
    • #1780 Clocker 可以支持传入倒计时开始时间么？

    贡献者

    贡献者

    该组件(包含文档)迭代次数 11，贡献人数 3
    HsiehairylandQiongrong Jiang

    Changelog

    发布日志

    • v2.7.9 [fix] 修复更新值为非空时报错问题 #2449
    • v2.7.5 [fix] 修复 beforeDestroy 调用时 this.clocker 不存在 #2258