Vue-toast-loading

这是一款 vue3 的 toast 和 loading 的插件

1、安装

    npm install vue-toast-loading --save
    
    // 或者
    yarn add vue-toast-loading
    
    // 或者
    pnpm install vue-toast-loading 

2、使用

组件使用插件方式

    app.use(vueToastLoading)

插件安装后，会在 window 上面挂载一个对象 Toast，其拥有三个方法：show、hide、loading；

同时需要引入样式文件

    import "vue-toast-loading/dist/style.css"

3、参数说明

1）toast

当是使用 toast 时候，可以传入 字符串 或 对象；

• 当传入字符穿，直接是 toast 字符串，2s 后消失；
• 当传入对象时候；

|参数名|值| | --- | --- | |msg|string| |duration|number（毫秒）| |position|string，toast展示位置（start|center|end）| |shadowColor|string|

2）loading

入参是一个字符串，展示位于 loading icon 右侧