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;
|
|||
|
|
}
|