已经加载完的进度条progress怎么点击某个按钮让它重新加载呢？
发布于 5 年前 作者 yang31 2940 次浏览 来自 问答

需求：进度条组件progress加载完成后，根据场景需要，点击按钮要使它重新加载。

目前表现：加载完成后，点击按钮给percent重新setData赋值为100，进度条并未重新加载。

2 回复

用的是transition吗，如果是就用wx.nextTick，但是基础库要2.2.3，所以也可以延时16ms，如果是用animation，就在动画结束后移除class，触发时再加上。

this.setData({ percent: 0 });
if (wx.canIUse('nextTick')) {
  wx.nextTick(() => {
    this.setData({ percent: 100 });
  });
} else {
  setTimeout(() => {
    this.setData({ percent: 100 });
  }, 16);
}

目前解决方案：点击按钮给percent setData赋值为0，再setTimeout延时200再次setData赋值为100。但这应该不是最好的解决方法，不知还有什么比较稳妥的方法

回到顶部