[Talk is cheap. Show me the code]
不想看理论知识请直接移步最后代码示例。
一、封装目的
在使用ElementUI过程中,发现一些组件的代码量还是过多,并且项目中频繁使用,所以就对组件进行了二次封装,并记录在博客中,欢迎共同讨论学习。
二、代码示例
2.1 MessageBox的封装
/**
* 封装 在一个叫commonFn的公共服务里面
* @param {*弹窗提示信息} msgContent
* @param {*弹窗标题} msgTitle
* @param {*弹窗类型:
* 'warning',
* 'success ',
* 'info',
* 'error'
* 四种类型
* } msgType
*/
MessageBox(
msgContent = '此操作将永久删除此条数据, 是否继续?',
msgTitle = '提示信息',
msgType = 'warning') {
var msgBox = MessageBox.confirm(msgContent, msgTitle, {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: msgType
})
return msgBox
}
/**
* 哪里需要在哪里调用即可。
*common是一个公共的函数服务,链式调用即可。