How to change the text to something else, if the countdown elapsed?

[joa77]

How to change the text to something else instead of displaying 00:00, if the countdown elapsed?

<countdown :time="timeLeft" :transform="transform">
    <template slot-scope="props">{{ props.minutes }}:{{ props.seconds }}</template>
</countdown>

        var app = new Vue({
          el: '#app',
          data: function () {
                var now = new Date();
                return {
                    timeLeft: new Date('2020-10-15T00:05:32.000Z') - now,
                }
            },
             methods: {
                transform(props) {
                  Object.entries(props).forEach(([key, value]) => {
                    props[key] = value < 10 ? `0${value}` : value;
                  });
                  return props;
                },
              },
        })

[fengyuanchen]

Just follow the Fetch Verification Code demo.

In short, use v-if and v-else.