最近在写一个移动商城的项目,涉及到拼团,砍价的内容,于是就有了倒计时的需求。一时没有想法,就在github上找到了vue2-countdown,将该项目引入到了我的商城项目中,发现了一些问题,在github上看了一下,好像vue2-countdown夭折了,一年多没有跟新了,而且还存在一些问题:(,特写此文来记录一下使用及修改过程。)
1.下载
npm install vue2-countdown --save
2.在自己的项目中引入这个组件(这个vue2-countdown是个组件欧,并不是js,css之类的文件),所以当我们引入之后,要进行注册
引入和注册:
import CountDown from 'vue2-countdown'
export default {
components: { CountDown },
}
3.使用这个组件
v-on:start_callback="countDownS_cb(1)"//开始倒计时结束之后的回调方法
v-on:end_callback="countDownE_cb(1)"//活动倒计时结束之后的回调方法
:currentTime="1481450106"
:startTime="1481450110"
:endTime="1481450115"
:tipText="'距离开始文字1'"
:tipTextEnd="'距离结束文字1'