You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Use the Vapor component in the parent component and pass :is="'Parent'" via v-bind
At this point, the page displays Child and a warning is shown indicating that a required prop is missing. The v-bind passing method is supported in VDOM mode.
What is expected?
When passing the is prop to a Vapor component via v-bind (e.g., :is="'Parent'"), the component should correctly receive and render the dynamically bound value (Parent), instead of falling back to the default value (Child).
No false warning about a "required prop missing" should be thrown when the is prop is passed via v-bind (consistent with the behavior in VDOM mode).
What is actually happening?
When passing the is prop to the Vapor component via v-bind (i.e., :is="'Parent'"), the component does not receive the dynamically bound value Parent — instead, it renders the default value Child (defined via withDefaults).
A false warning is thrown in the console indicating that the required is prop is missing, even though the prop is explicitly passed via v-bind.
This behavior is inconsistent with VDOM mode (where v-bind for the is prop works as expected, with no false warnings).
Vue version
3.6.0-beta.7
Link to minimal reproduction
https://play.vuejs.org/#eNp9klFLwzAQx79KyEsdzFaYKIxuoHMP+qBDfQxI7a5dZpqEJO0Gpd/dS+pmFd1Tm///7vLL3bX0Ruu4qYFOaWpzw7UjTaaVIRZcrYnIZDlj1FlG50zyCh1HFqrSpDCqIlGc+IMvEDGZJn0FjMSDg0qLzAGeCElDzpRbLBatMgPSRYySZGAGr7e+nDQZ1KBjpMiVLHgZb62SCNz6ZEZzzOYCzJN2XEkknZLgeC8TQu0eguZMDeODnm8g//hD39q91xDEgAXTAKNHz2WmBGTz9vLlEfb4fzQrta4FRp8wn8EqUXvGPuy2lmvEHsQF2vvQZC7LV7vcO5D28CgP6iO7EM8oNt037r+nf+NO4suQx2SHXTwMbDDxftb93H9OHBtuHdFGaUtmZMfd5g6KrBbOnq2h4BJW3krDpdxOiXUGyfGi+dlo3LN4OVpsuFjjinSj02uiw4eQtuW2Q2CUEq/9XoW3BoxvDD5iEl/FF+fv4LL4mnaftPTu1Q==
Steps to reproduce
Use the Vapor component in the parent component and pass
:is="'Parent'"viav-bindAt this point, the page displays
Childand a warning is shown indicating that a required prop is missing. Thev-bindpassing method is supported in VDOM mode.What is expected?
isprop to a Vapor component viav-bind(e.g.,:is="'Parent'"), the component should correctly receive and render the dynamically bound value (Parent), instead of falling back to the default value (Child).isprop is passed viav-bind(consistent with the behavior in VDOM mode).What is actually happening?
isprop to the Vapor component viav-bind(i.e.,:is="'Parent'"), the component does not receive the dynamically bound valueParent— instead, it renders the default valueChild(defined viawithDefaults).isprop is missing, even though the prop is explicitly passed viav-bind.v-bindfor theisprop works as expected, with no false warnings).System Info
Any additional comments?
No response