uniapp 封装toast
时间: 2023-09-02 21:05:48 浏览: 196
Vue 之 Toast 消息提示插件的简单封装
在uniapp中,可以使用uni.showToast()方法来展示toast提示框。为了方便使用,可以封装一下toast方法,在需要的地方直接调用。
1. 创建一个名为toast.js的文件,编写以下代码:
```
export default function toast(title, duration = 1500, icon = 'none') {
uni.showToast({
title,
duration,
icon
})
}
```
2. 在需要使用的地方引入toast.js文件:
```
import toast from '@/utils/toast.js'
```
3. 直接调用toast方法,传入需要展示的文本:
```
toast('这是一条提示')
```
4. 可以传入第二个参数duration来设置显示时长,单位为毫秒,例如:
```
toast('这是一条提示', 2000) // 显示时长为2秒
```
5. 可以传入第三个参数icon来设置提示框的图标类型,可选值为success、loading、none,默认为none,例如:
```
toast('成功', 1500, 'success') // 显示成功图标
```
阅读全文