微信小程序toast组件，适用于wepy，支持Promise。
安装组件
npm install wepy-simple-toast -S引入组件
<template>
<view class="container">
这里是你的页面内容...
<toast/>
</view>
</template>
<script>
import wepy from 'wepy'
import toast from 'wepy-simple-toast'
export default class extends wepy.page {
components = {
toast
}
}
</script>调用方法
// this.$invoke('toast', func, message)
this.$invoke('toast', 'success', 'simple-toast success')
//或者 this.$invoke('toast', func, message, options)，当前options只有duration（显示的时长）
this.$invoke('toast', 'success', 'simple-toast success', { duration: 3000 }).then(data => {
console.log(data)
})
// in async function
let data = await this.$invoke('toast', 'error', 'simple-toast error', { duration: 5000 })
console.log(data)- func 参数包括
success、info、warning、error - options参数当前只有
duration（显示的时长）
使用MIXIN
<script>
import wepy from 'wepy'
import toast from 'wepy-simple-toast'
export default class extends wepy.page {
components = {
toast
}
mixins = [toast.mixin]
}
</script>调用方法
// this.$infoTip(message)
this.$infoTip('simple-toast info')
//this.$errorTip(message, options)
this.$errorTip('simple-toast error', { duration: 3000 }).then(data => {
console.log(data)
})
// in async function
let data = await this.$warningTip('simple-toast warning', { duration: 3000 })
console.log(data)- mixin了四个函数
$successTip、$infoTip、$warningTip、$errorTip - options参数当前只有
duration（显示的时长）
- PS: 如果
components的名字不为toast，使用上述Mixin的四个函数时，需要在data里面添加toastTagName:[toast的组件名]
点击查看 example.wpy
