子组件中$parent获取不到父组件属性及函数 ？

涉及到很多的前端插件的使用的时候我们并不能直接通过 this.$parent.status找到他的父组件里面的变量。因为有些子组件里面可能外包了一个框架的组件，比如 element-ui 下面这个子组件：

el-drawer他也是个组件。如果你想找他的父组件。有的时候你得向上找两层甚至更多层（这要看你写的布局及构造）。如：this.$parent.$parent才可以。

如：this.$parent.$parent.staffShow ，可获取到父组件中staffShow的属性值。

但我的项目中this.$parent.$parent并不能获取到，一层层向上找发现，需要在this.$parent.$parent.$options.parent.staffDrawer  中才能获取到。

console.log(this.$parent.$parent)
//需要通过 this.$parent.$parent.$options.parent 获取

 

具体情况可以根据自己的项目，打印出来一层层往上找来查看。