vue-mini-toast

简单的vue的弹窗插件（pop/alert/confirm/actionSheet）

安装

npm install vue-mini-toast -S

Vue中使用

// main.js
import toast from 'vue-mini-toast'
Vue.use(toast);

API

• pop

this.$pop(option);

option [ Object ]

参数	类型	可选含义
msg	String	提示内容
align	String	弹框位置：top/middle（默认）/bottom
theme	String	弹窗颜色：black（默认黑底白字）/light（白底黑字）
delay	Number	自动消失时间（默认2000ms）

• alert

this.$alert(option, callback);

option [ Object ]

参数	类型	可选含义
title	String	标题
msg	String	弹窗内容
btn	String	按钮文字（默认‘确定’）
btnColor	String	按钮文字颜色（默认蓝色）

callback [ Function ]

含义
点击按钮的回调函数

• confirm

this.$confirm(option, callback);

option [ Object ]

参数	类型	可选含义
title	String	标题
msg	String	弹窗内容
btn	[String]	按钮文字（默认 [‘确定’, ‘取消’]）
btnColor	[String]	按钮文字颜色（默认蓝色）

callback [ Function ]

回调参数	含义
index	点击的按钮index值

• actionSheet

this.$actionSheet(option, callback);

option [ Object ]

参数	类型	可选含义
title	String	标题（可选传，默认无）
btn	[String]	按钮文字（默认 ['选项1', '选项2']）
btnColor	[String]	按钮文字颜色（默认蓝色）

callback [ Function ]

回调参数	含义
item	点击的按钮文字内容
index	点击的按钮index值