vux 全局使用 loading / toast / alert

1.入口文件

main.js

import { LoadingPlugin, ToastPlugin, AlertPlugin } from 'vux'
Vue.use(LoadingPlugin);
Vue.use(ToastPlugin,{position: 'top'});
Vue.use(AlertPlugin);

2.使用

// LoadingPlugin
// 显示
this.$vux.loading.show({
  text: '加载中...'
})
// 隐藏
this.$vux.loading.hide()

// ToastPlugin
// 显示
this.$vux.toast.show({
  text: '加载中...'
})
// 显示文字
this.$vux.toast.text('hello', 'top')
// 隐藏
this.$vux.toast.hide()

// AlertPlugin
// 显示
this.$vux.alert.show({
  title: 'Vux is Cool',
  content: 'Do you agree?',
  onShow () {
    console.log('Plugin: I\'m showing')
  },
  onHide () {
    console.log('Plugin: I\'m hiding')
  }
})
// 隐藏
this.$vux.alert.hide()

.

posted @ 2018-03-21 19:16  每天都要进步一点点  阅读(1529)  评论(0)    收藏  举报