Vue的灵活Toast通知库– vue-my-toasts

Vue的灵活Toast通知库– vue-my-toasts
插件名称 vue-my-toasts
发布时间 2021年3月21日
插件作者 Tahul

灵活,可自定义的Toast组件,可与TailwindCSS和Bootstrap等流行框架兼容。

安装和下载:

# Yarn
$ yarn add vue-my-toasts

# NPM
$ npm i vue-my-toasts

如何使用它:

1.导入并注册组件。

/ core
import VueMyToasts from 'vue-my-toasts'
import 'vue-my-toasts/dist/vue-my-toasts.css'

// your custom component
import TailwindComponent from 'vue-my-toasts/src/components/toasts/TailwindComponent'
import DemoToast from 'vue-my-toasts/src/components/toasts/BootstrapComponent'
import YourToastComponent from 'vue-my-toasts/components/toasts/YourToastComponent'

2.注册组件。

Vue.use(VueMyToasts, {
  component: YourToastComponent,
  options: {
    // 此处为选项
  }
})

3.使用这些API创建敬酒通知。

//基本讯息
$toasts.base('message',options)

//成功讯息
$toasts.success('message',options)

// 警告信息
$toasts.warning('message',options)

// 错误信息
$toasts.error('message',options)

//从原始的吐司有效载荷中推送消息
$toasts.push(options)

//移除烤面包
$toasts.remove(id)

//更新配置
$toasts.updateConfig(newConfig)