如何确认子组件的类型

答案:检查每一项子组件的tag

<template>
   <div>Tabs页面</div>
   <Tabs>
   <Tab title="1">内容1</Tab>
   <Tab title="2">内容2</Tab>
   </Tabs>
</template>

当用户输入<Tab>可以正常运行,但是如果输入的是<div>呐?
我检查每一个子组件的类型就可以了
用...扩展符打印出类型


打出组件的类型

继续深入

再继续

是一个类似数组的东西,我在前面写了2个<Tab>组件,0代表第一个组件,1代表第二个组件


继续展开打印

继续展开,发现是一个虚拟节点 ,如何正确的获得组件内容? 用component :is


正确的获得

然后让这个组件内容和Tab组件比较,如果是true,就证明这个组件是一个tab


对比结果

最后 用forEach遍历tag,如果不符合就抛出一个错误

结果
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容