demo 原始链接:https://vux.li/demos/v2/#/component/countdown
\n下面的$t是Demo的i18n使用的翻译函数,一般情况下可以直接使用字符串。另外,下面代码隐藏了i18n标签部分的代码。
\n<template>\n <div>\n <group :title=\" $t('Automatic countdown') \">\n <cell title=\"15s\" v-model=\"value\">\n <countdown v-model=\"time1\" @on-finish=\"finish\" v-show=\"show\"></countdown>\n </cell>\n </group>\n <group :title=\" $t('Manually') \">\n <x-switch :title=\" $t('Start') \" v-model=\"start\"></x-switch>\n <cell title=\"15s\">\n <countdown v-model=\"time2\" :start=\"start\" @on-finish=\"finish2\"></countdown>\n </cell>\n </group>\n </div>\n</template>\n\n\n\n<script>\nimport { Group, Cell, Countdown, XSwitch } from 'vux'\n\nexport default {\n components: {\n Group,\n Cell,\n Countdown,\n XSwitch\n },\n methods: {\n finish (index) {\n this.show = false\n this.value = 'completed'\n console.log('current index', index)\n },\n finish2 (index) {\n this.start = false\n this.time = 20\n }\n },\n data () {\n return {\n show: true,\n time1: 15,\n time2: 15,\n value: '',\n start: false\n }\n }\n}\n</script>\n\n
\n