25 lines
1.0 KiB
TypeScript
25 lines
1.0 KiB
TypeScript
// 获取父组件的参数，因为支付宝小程序不支持provide/inject的写法
|
||
// this.$parent在非H5中，可以准确获取到父组件，但是在H5中，需要多次this.$parent.$parent.xxx
|
||
// 这里默认值等于undefined有它的含义，因为最顶层元素(组件)的$parent就是undefined，意味着不传name
|
||
// 值(默认为undefined)，就是查找最顶层的$parent
|
||
import { type ComponentInternalInstance, getCurrentInstance } from 'vue';
|
||
|
||
export default function $parent(
|
||
componentName?: string,
|
||
_instance: ComponentInternalInstance | null | undefined = null
|
||
) {
|
||
const instance: ComponentInternalInstance | null | undefined = _instance || getCurrentInstance();
|
||
let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
|
||
|
||
if (!componentName) return parent;
|
||
|
||
while (parent) {
|
||
const name = (parent.type as any)?.name as string | undefined;
|
||
if (name === componentName) {
|
||
return parent;
|
||
}
|
||
parent = parent.parent;
|
||
}
|
||
return null;
|
||
}
|