Get countdownend event element about vue-countdown

[fengyuanchen]

Just use the ref attribute to reference the target element.

<countdown :time="2 * 24 * 60 * 60 * 1000" @countdownend="handleCountdownEnd" ref="countdown">
  <template slot-scope="props">Time Remaining：{{ props.days }} days, {{ props.hours }} hours, {{ props.minutes }} minutes, {{ props.seconds }} seconds.</template>
</countdown>

{
  methods: {
    handleCountdownEnd() {
      console.log(this.$refs.countdown.$el);
    },
  },
}

[kskrlin]

I forgot to think simple.
I managed to solve it with very simple step, following your suggestion:

@countdownend="countdownend('some-unique-id')"
...
countdownend(id) {
    console.log('--- COUNTDOWN ENDED ---')
    let el = document.getElementById(id)
    console.log(el)
    ...
}