elementui计数器隐藏按钮

Element UI的计数器组件`ElCountdown`默认会显示倒计时和结束后的提示信息。如果你想在特定条件下隐藏结束按钮，可以通过自定义组件的属性或提供一个回调函数来控制。你可以设置`end-text`属性为空字符串`''`，或者在`countdown-change`事件处理函数中检查剩余时间，如果为0则隐藏按钮。

例如：

<el-countdown :hours="hours" :minutes="minutes" :seconds="seconds" end-text="{{ hideButton ? '' : '结束' }}" @countdown-change="onCountdownChange"></el-countdown>

在JavaScript部分:

data() {
  return {
    hours: 0,
    minutes: 0,
    seconds: 0,
    hideButton: false, // 初始状态不隐藏
  };
},
methods: {
  onCountdownChange(count) {
    if (count.total === 0) { // 当总秒数为0时
      this.hideButton = true; // 隐藏结束按钮
    } else {
      this.hideButton = false; // 显示结束按钮
    }
  },
}