mand-mobile/components/toast/demo/cases/demo3.vue

28 lines
546 B
Vue

<template>
<div class="md-example-child md-example-child-toast md-example-child-toast-3">
<md-button @click="showLoadingToast">载入</md-button>
</div>
</template>
<script>
import {Toast, Button} from 'mand-mobile'
export default {
name: 'toast-demo',
/* DELETE */
title: '载入',
titleEnUS: 'Loading',
/* DELETE */
components: {
[Button.name]: Button,
},
methods: {
showLoadingToast() {
Toast.loading('加载中...')
setTimeout(() => {
Toast.hide()
}, 3000)
},
},
}
</script>