2***@qq.com
2***@qq.com
  • 发布:2020-03-23 15:45
  • 更新:2021-10-22 18:07
  • 阅读:1139

#插件讨论# 【 CountDown 倒计时 - DCloud 】动态赋值

分类:uni-app

动态赋值 第一次赋值可以,第二次赋值不行

2020-03-23 15:45 负责人:无 分享
已邀请:
twiglau

twiglau - qian duan

我也遇到同样问题,从服务器动态获取后,赋值后不行

x***@aliyun.com

x***@aliyun.com

同样问题

x***@aliyun.com

x***@aliyun.com

通过$refs方式重启组件启动事件重新定义要轮询的倒计时数据
<uni-countdown ref='countdown' color="#000" :showHour="false" :showDay="false" :second="secondData" @timeup="aTimeup"></uni-countdown>

代码如下```javascript
//当前倒计时结束后执行
aTimeup() {
uni.showToast({
title: '活动重启',
duration: 2000,
icon:"loading"
});
this.$set(this, 'secondData',297);
this.$refs.countdown.startData(this.secondData);//设定refs方式重定义动态更新方法
//console.log(this.secondData)
},

复制代码

插件文件要做一下修改   

startData(data) {  
                //console.log(data)  
                if(data!=undefined){  
                this.second=data//这里只重定义了秒数  
                }  
                this.seconds = this.toSeconds(this.timestamp, this.day, this.hour, this.minute, this.second)  

加一个判断用来接收父级传递过来的新倒计时参数

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容