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()
.