Vue.config.ignoredElementse 忽略在 Vue 之外的自定义元素

官方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
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容