参数

使用示例

<template>
  <div>
    <button @click="showToast">点击显示 Toast</button> <br/>
    <button @click="showToast2">点击显示 Loading Toast</button> <br/>
    <button @click="showToast3">点击显示 success Toast</button> <br/>
    <button @click="showToast4">点击显示 error Toast</button>
  </div>
</template>
<script>
import Vue from 'vue'
import { Toast } from 'genie-ui'
Vue.use(Toast)
export default{
  methods: {
    showToast(v) {
      this.$toast({
        text: '这是一个简单的小情歌',
        duration: 2500
      })
    },
    showToast2(v) {
      this.$toast({
        type: 'loading',
        text: '正在修改中...',
        duration: 2500
      })
    },
    showToast3(v) {
      this.$toast({
        type: 'success',
        text: '修改成功',
        duration: 2500
      })
    },
    showToast4(v) {
      this.$toast({
        type: 'error',
        text: '定时修改失败<br/>请检查设备是否在线',
        duration: 2500
      })
    }
  }
}
</script>