CountDownButton 倒计时按钮
基本介绍
其实就是对element-plus原有的按钮进行了功能增强,其他属性没变,扩展了两个属性,便于支持倒计时,方便开发各种倒计时功能,例如短信发送计时
引入方法:import { CountDownButton } from '@wetspace/pro-components';
基本使用
更改计时长度
默认计时长度为60s,可以自定义长度
倒计时持久化
使用倒计时持久化,需要给定一个uid,这样在刷新页面并在同一个会话内将不会清除开始的倒计时,方便了发送短信等功能的实现
属性
继承自element-plus的
ElButton
的属性
增强属性如下:
参数 | 描述 | 类型 | 默许值 |
---|---|---|---|
initCount | 计时长度 | number | 60 |
uid | 计时持久化标记 | string | - |
插槽
名称 | 说明 | 类型 |
---|---|---|
prefix | 前缀 | - |
suffix | 后缀 | - |