www.6766.comvue.js中toast用法及使用toast弹框的实例代码_vue.js_脚本之家

在methods写方法

总结

import { Toast } from 'vant'
showToast() { this.$toast({ message: "今日签到+3", }) },

绑定一个click事件

www.6766.com ,以上所述是小编给大家介绍的vue.js中toast用法及使用toast弹框的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

下面通过实例代码看下vue 中使用 Toast弹框

import { ToastPlugin,ConfirmPlugin,AlertPlugin} from 'vux'Vue.useVue.useVue.use//公用的弹窗Vue.prototype.showToast = function( showPositionValue,type,text,width="10em"){ this.$vux.toast.show({ showPositionValue: false, text: text, type: type, width: width, position: 'middle' })}//公用alert confirmconst Message = {};Message.install = () => { const msg = { alert: config => { let def = { title:'提示', content:'系统异常,请重新登录后再试!', buttonText:'确定' } if(typeof config === 'string' || typeof config === 'number'){ Vue.$vux.alert.show(Object.assign); }else{ Vue.$vux.alert.show(Object.assign; }}, 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); }else{ Vue.$vux.confirm.show(Object.assign; } /*return new Promise => { if; } })*/ },} Object.entries.forEach => { Vue.prototype[method] = fn;})}Vue.use//使用例子_this.confirm({ title:'提示', content: '确定要关闭订单', onConfirm() { console.log;

一个简单的toast提示成就好了

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图