Vue.js 如何在运行时检查Vue组件的类型？

我有一个组件

选项卡面板

和一个组件

选项卡

，需要确保

选项卡

仅在

选项卡面板

内部呈现

---

如何检查父组件的类型以执行此操作？

您可以通过

this.$parent.$options.name

检查父组件的名称

下面是一个例子：

Vue.config.devtools=false；
Vue.config.productionTip=false；
Vue.component（'选项卡'{
模板：`tab`，
创建（）{
如果（此.$parent.$options.name！==“选项卡面板”）{
抛出新错误（'选项卡必须在选项卡面板中！'）
}否则{
console.log（'选项卡在选项卡面板中：）'）
}
}
})
Vue.组件（“选项卡-面板”{
模板：`tab panel`，
})
新Vue({
el:“#应用程序”，
})

---

我相信您可以使用

检查此项。$parent.constructor.options.name