vue中使用element自定义弹出框

1. 在main.js中全局注册定义


import { Message,MessageBox } from 'element-ui';

Vue.Message = new DonMessage()
//自定义提示语弹窗
window.$dcMsg = (txt='这是提示语句',timer='2000') => {
  MessageBox.alert(txt, '', {
    dangerouslyUseHTMLString: true,
    customClass: 'dc-message-popou',
    lockScroll: true,
    showConfirmButton:false,
    showClose:false,
    center: true,
    callback: action => {
    }
  });
  return new Promise((resolve,reject) => {
    setTimeout(() => {
      $('.dc-message-popou').find('.el-button').trigger('click');
      resolve();
    },timer)

  })
}

2.在项目中使用

window.$dcMsg("请检查网络")

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值