ElementUI组件系列解读之<$message>

93 阅读1分钟

我们注意到在上传组件有个钩子函数有个地方做了文件确认弹框 但是我们在结构中并没有看到这个组件,那它是如何生成的呢?

图片164.png

可以看到它们都是通过调用js方法生成的  我们先来看看$message.warning()看看它内部都做了什么。

$message.warning()

首先 看下它的结构

图片165.png

图片166.png

图片167.png

图片168.png

 

再看看main.js

图片169.png

图片170.png

至此 $message的分析就结束了,其实不止是message 比如alter和modal都是做成动态的,具体可以看业务需求

更多组件源码解读 请移步github.com/woshiitdani… 或直接 npm install element-ui-exp