0.1.1 • Published 4 years ago

v-mobile-toast v0.1.1

Weekly downloads
2
License
MIT
Repository
github
Last release
4 years ago

v-mobile-toast

介绍

实现了一个简单的toast插件,调用方法

全局

import Vue from 'vue'
import Toast from 'v-mobile-toast'
Vue.use(Toast)

OR

import Vue from 'vue'
import { ToastPlugin } from 'v-mobile-toast'
Vue.use(ToastPlugin)

以插件形式注册时,使用方式为:

this.$toast.show({})
this.$toast.hide()

组件

import Toast from 'v-mobile-toast'
export default {
  components: {
    Toast
  }
}

API

属性(以组件形式使用)

参数取值必选说明
valuetrue/false(默认)必选控制显示隐藏 v-model
textstring必选toast提示内容
timenumber非必选toast显示的时长
typestring: success/warn/info非必选toast类型
widthstring: 7.6em(默认)非必选toast宽度
is-show-maskboolean: false(默认)/true非必选是否显示蒙层

事件

事件说明
on-show显示组件时触发
on-hide隐藏组件时触发

以插件形式调用时

this.$toast.show({
  text: '',  // 必填
  // 除上面value之外的属性,
  // 事件,如果需要
  onShow: f, // 对应on-show
  onHide: f  // 对应on-hide
})

this.$toast.hide()
0.1.1

4 years ago

0.1.0

4 years ago