vue中alert toast confirm loading 公用
Posted 仔仔爱学习
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue中alert toast confirm loading 公用相关的知识，希望对你有一定的参考价值。
import Vue from ‘vue‘import { ToastPlugin, AlertPlugin, ConfirmPlugin, LoadingPlugin } from ‘vux‘/*import { Promise } from ‘es6-promise‘;*/Vue.use(ToastPlugin)Vue.use(AlertPlugin)Vue.use(ConfirmPlugin)Vue.use(LoadingPlugin)const Message = {};Message.install = () => { const msg = { $toast: config => { let def = { type:‘text‘, text:‘‘ } if(typeof config === ‘string‘ || typeof config === ‘number‘){ Vue.$vux.toast.show({type:‘text‘,text:config}) }else{ Vue.$vux.toast.show(Object.assign(def,config)) } }, $alert: config => { let def = { title:‘提示‘, content:‘系统异常，请重新登录后再试！‘, buttonText:‘确定‘ } if(typeof config === ‘string‘ || typeof config === ‘number‘){ Vue.$vux.alert.show(Object.assign(def,{content:config})); }else{ Vue.$vux.alert.show(Object.assign(def,config)); } }, $confirm: config => { let isConfirm = false; let def = { title:‘提示‘, content:‘系统异常，请重新登录后再试！‘, confirmText:‘确定‘, cancelText:‘取消‘, onConfirm:() =>{ isConfirm = true; } } if(typeof config === ‘string‘ || typeof config === ‘number‘){ Vue.$vux.confirm.show(Object.assign(def,{content:config})); }else{ Vue.$vux.confirm.show(Object.assign(def,config)); } /*return new Promise((resolve,reject) => { if(isConfirm){ resolve(); } })*/ }, $showLoading: config => { let def = { text: ‘加载中...‘ } if(typeof config === ‘string‘ || typeof config === ‘number‘){ Vue.$vux.loading.show(Object.assign(def,{text:config})); }else{ Vue.$vux.loading.show(Object.assign(def,config)); } } } Object.entries(msg).forEach(([method,fn]) => { Vue.prototype[method] = fn; })}Vue.use(Message)以上是关于vue中alert toast confirm loading 公用的主要内容，如果未能解决你的问题，请参考以下文章
mui消息框alert，confirm，prompt，toast