Toast 组件使用教程

安装

import { Toast } from 'vux'

export default {
  components: {
    Toast
  }
}

// 在入口文件全局引入

import Vue from 'vue'
import { Toast } from 'vux'

Vue.component('toast', Toast)

该组件支持以plugin形式调用：

以插件形式调用时，和template中使用不同，属性名请使用小驼峰式，比如isShowMask而不是is-show-mask。

import  { ToastPlugin } from 'vux'
Vue.use(ToastPlugin)

// 或者umd方式
// 引入构建的js文件
Vue.use(vuxToastPlugin)

// 默认参数
Vue.use(ToastPlugin, {position: 'top'})

// 显示
this.$vux.toast.show({
 text: 'Loading'
})

// 显示文字
this.$vux.toast.text('hello', 'top')

// 隐藏
this.$vux.toast.hide()

// 获取显示状态
this.$vux.toast.isVisible() // v2.9.1 开始支持

属性

事件

插槽

样式变量