# vue-toast-response

**Repository Path**: kathline/vue-toast-response

## Basic Information

- **Project Name**: vue-toast-response
- **Description**: 响应式的信息提示vue插件(loading 主要是开发给移动端使用)
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2020-07-25
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-toast-response

vue 响应式 Toast

## 安装

```
yarn add vue-toast-response

or

npm i  vue-toast-response

```

## 在线演示

http://null_639_5368.gitee.io/vue-toast-response

## 使用

```
// 1.1 main.js 注册
import 'vue-toast-response/maybe/vue-toast-response.css'
import VTS from 'vue-toast-response'
Vue.use(VTS)

// 1.2 vue文件函数式调用
this.$mResToast({
        type: type,
        msg: `显示${type}信息`,
        duration: 3000,
        isIcon: false, // 控制是否显示图标 默认显示
        onClose () {
          console.log('message fn')
        }
      })
or

this.$mResToast.success([msg]);  // 成功提示
this.$mResToast.error([msg]);    // 错误提示
this.$mResToast.info([msg]);     // 信息提示
this.$mResToast.warning([msg]);  // 警告提示
this.$mResToast.loading()        // load开始
this.$mResToast.close()          // load结束

// 1.3  非vue文件(例如axios全局拦截提示)
import VTS from 'vue-toast-response'
let { mResToast } = VTS
mResToast.error('非vue文件调用')

```

## 赞助

<img src="https://images.gitee.com/uploads/images/2019/0906/172106_70962611_1107178.jpeg"  height="330" width="230">

万分感谢各位，作者也就 2 年经验以后多加努力。