实现如下两种调用方式结果相同
message.success('success');
message({
type: 'success',
message: '成功'
})
看了在Element-UI中关于Message的调用方法，想自己动手实现以下
- 首先创建一个函数Message,参数为
Object或者string，当参数为string时,type默认为info
function Message(options) {
options = options || {};
if( typeof options === 'string' ) {
options = {
message: options,
type: info
}
}
}
- 实现
success、error、info、warning等方法
['success', 'error', 'info', 'warning'].forEach((item) => {
Message[item] = function(options) {
options = {
type: item,
message: options
}
return Message(options);
}
})
