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("请检查网络")
【工作|vue中使用element自定义弹出框】
推荐阅读
- 操作系统|[译]从内部了解现代浏览器(1)
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- vue.js|vue中使用axios封装成request使用
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- JavaScript|JavaScript之DOM增删改查(重点)
- vue.js组件开发
- 前端开发|Vue2.x API 学习