Vue.config.ignoredElementse 忽略在

2019-10-17  本文已影响0人  戴眼镜的松鼠

官方api如下图:ignoredElementse-0

ignoredElementse-0

先看下使用方法:假如我使用了未定义的<icon></icon>组件,如下图:ignoredElementse-1

ignoredElementse-1

运行看下结果:ignoredElementse-2,没错就是api里面说明的抛出Unknown custom element警告。

ignoredElementse-2

使用场景:有时候我们会再引入其他第三方库的组件,但是vue会抛出错误,我们要避免这个错误,可以在Vue.config.ignoredElements配置里面配置下,如下图使用ignoredElementse-3:

ignoredElementse-3

配置过后,不再发出这警告;进入源码里看下:ignoredElementse-4

ignoredElementse-4

这段代码很明显:如果自定标签存在ignoredElementse里面,直接返回false,不再使用isUnknownElement校验。

这里说明下:isUnknownElement这个方法是在element.js文件里面定义的如下图ignoredElementse-5。

ignoredElementse-5
上一篇 下一篇

猜你喜欢

热点阅读