开头
最近写小程序写上瘾了,业务上需要实现一个倒计时的功能,考虑到可拓展以及使用方便,便将其封装成组件(写习惯了JSX不得不吐槽小程序自定义组件的繁琐)
需求
可配置倒计时的时间
倒计时结束后执行事件...可配置倒计时时间的格式
步骤
先定义自定义组件的properties,这里有两个父组件传给该倒计时组件的参数target倒计时的时间,format倒计时时间的格式
properties: {
target...,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。...具体微信自定义组件学习参考官方文档
定义组件自身的状态
/**
* 组件的初始数据
*/
data: {
d: 0, //天
h: 0, //时
m: 0, //分...s: 0, //秒
result: '', //自定义格式返回页面显示结果
lastTime:'' //倒计时的时间错
},
组件自身的方法
methods: {
//默认处理时间格式