jk's notes
  • CountDown 倒计时

CountDown 倒计时

文档: https://vant-contrib.gitee.io/vant/#/zh-CN/count-down

用于实时展示倒数计时. 使用组件, 设置一个时间长度 (单位毫秒), 然后直到归零.

<van-count-down :time="10 * 1000"></van-count-down>

常用属性:

  • 默认是以秒为单位显示, 如果需要使用毫秒则需要添加 millisecond 属性. 同时需要设置 format 来显示毫秒.
  • format 配置显示格式, 默认为 时:分:秒, 使用 SSS 表示毫秒, 其他格式无特殊.
  • 自定义样式使用默认插槽, 默认插槽传入变量 timeData, 来分别获得时间分量.
  • 支持手动控制, 使用组件实例.
  • 倒计时结束后, 触发 finish 事件.

image-20240115182319329

Last Updated:
Contributors: jk