function toast(title){ //提示vm.$toast({message: title,position: 'middle',duration: 3000}); }

效果如下

function toastSuccess(title){ //成功提示vm.$toast({message: title,iconClass: 'icon icon-success' // (圖標需自行準備）}); }

效果如下

function loading(){ //加載中vm.$indicator.open({text: '加載中...',spinnerType: 'fading-circle'}); } function loading(msg){ //加載中vm.$indicator.open({text: msg,spinnerType: 'fading-circle'}); } function closeLoad(){ //關閉加載動畫vm.$indicator.close(); }

效果如下

function alert(title){vm.$messagebox('提示', title); }

效果如下

二次確定

function confirm(title){vm.$messagebox({title: '提示',message: title,showCancelButton: true}); } function confirm(title,succCallback){vm.$messagebox({title: '提示',message: title,showCancelButton: true}).then(action => { if (action == 'confirm') { //確認的回調succCallback();}}); }

效果如下:

總結

以上是生活随笔為你收集整理的vue mint-ui 弹出框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。