Currently facing a dilemma with Vue 3 (alpha 4):
Within the setup() function, I am attempting to access the parent component. According to the guidance provided on , the parent should be accessible via the context argument, either as a property of context.attrs or directly as parent (refer to the 'SetupContext' section under 'typing'). However, the documentation does not explicitly clarify whether parent should be accessed directly from SetupContext or through SetupContext.attrs. Therefore, I have attempted both methods without success.
The problem arises when trying to retrieve the parent object directly - it results in undefined being printed:
export default {
setup(props, context) {
console.log(context);
// Output: {attrs: Proxy, slots: Proxy, emit: ƒ}
console.log(context.attrs);
// Output: Proxy {...}
console.log(context.attrs.parent);
// Output: undefined
}
};
Even spreading the context leads to the same outcome:
export default {
setup(props, { attrs, parent }) {
console.log(attrs);
// Output: Proxy {...}
console.log(attrs.parent);
// Output: undefined
console.log(parent);
// Output: undefined
}
};
While I am somewhat unfamiliar with proxies in JavaScript, my understanding is that I should be able to access properties normally, similar to objects. Any insights into where I might be going wrong?
A codesandbox has been set up to replicate this issue.