vant 弹窗封装 笔记

Dialog、Toast、Loading

关尔先生2020-12-23 01:10:44
import { DialogToastfrom 'vant'

const defaultTitle = "温馨提示"
const defaultBtn = "确认"
const defaultLoading = "加载中"

const dialog = {
    Confirm(msg,event,btnText,title) {
        Dialog.confirm({
            title: title||defaultTitle,
      message: msg,
      confirmButtonText: btnText||defaultBtn,
      closeOnPopstate: true
    }).then(event).catch(()=>{});
    },
    Alert(msg,event,btn) {
        Dialog.alert({
            title: defaultTitle,
            message: msg,
            confirmButtonText: btn||defaultBtn,
            closeOnPopstate: true,
            closeOnClickOverlay: true
        }).then(event).catch(()=>{});
    },
    Toast(msg,position) {
        Toast({
            message: msg,
            position: position||'bottom'
        });
    },
    Loading(msg,el) {
        Toast.loading({
            message: msg||defaultLoading,
          duration: 0,
          forbidClick: true,
          getContainer: el||'body'
        });
    },
    Close() {
        Dialog.close();
        Toast.clear();
    },
}

export default dialog

vant弹窗封装DialogToastLoading

上一篇:VUE环境配置

下一篇:git 常用指令

本文链接: http://www.nanshanqiao.com/zz_article/75.html

暂无评论