theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(runtime-core): skip functional components in public $parent chain traversal

Browse Source 
fix #2437
This commit is contained in:
Evan You 2020-11-27 10:10:25 -05:00
parent 7cd85be2db
commit 53f4885d9e
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/runtime-core/src/componentPublicInstance.ts
View File

@ -200,6 +200,16 @@ export type ComponentPublicInstance<
type PublicPropertiesMap = Record<string, (i: ComponentInternalInstance) => any> type PublicPropertiesMap = Record<string, (i: ComponentInternalInstance) => any>
/**
* #2437 In Vue 3, functional components do not have a public instance proxy but
* they exist in the internal parent chain. For code that relies on traversing
* public $parent chains, skip functional ones and go to the parent instead.
*/
const getPublicInstance = (
i: ComponentInternalInstance | null
): ComponentPublicInstance | null =>
i && (i.proxy ? i.proxy : getPublicInstance(i.parent))
const publicPropertiesMap: PublicPropertiesMap = extend(Object.create(null), { const publicPropertiesMap: PublicPropertiesMap = extend(Object.create(null), {
$: i => i, $: i => i,
$el: i => i.vnode.el, $el: i => i.vnode.el,
@ -208,7 +218,7 @@ const publicPropertiesMap: PublicPropertiesMap = extend(Object.create(null), {
$attrs: i => (__DEV__ ? shallowReadonly(i.attrs) : i.attrs), $attrs: i => (__DEV__ ? shallowReadonly(i.attrs) : i.attrs),
$slots: i => (__DEV__ ? shallowReadonly(i.slots) : i.slots), $slots: i => (__DEV__ ? shallowReadonly(i.slots) : i.slots),
$refs: i => (__DEV__ ? shallowReadonly(i.refs) : i.refs), $refs: i => (__DEV__ ? shallowReadonly(i.refs) : i.refs),
$parent: i => i.parent && i.parent.proxy, $parent: i => getPublicInstance(i.parent),
$root: i => i.root && i.root.proxy, $root: i => i.root && i.root.proxy,
$emit: i => i.emit, $emit: i => i.emit,
$options: i => (__FEATURE_OPTIONS_API__ ? resolveMergedOptions(i) : i.type), $options: i => (__FEATURE_OPTIONS_API__ ? resolveMergedOptions(i) : i.type),