Nested v-show ignores 'outer' value, and component with v-show="false" is shown.
Vue version
3.4.19
Link to minimal reproduction
Steps to reproduce
Open the link, the text of the inner component is immediately shown.
In 3.4.15 and 3.4.17, the text is not shown.
What is expected?
The text should not be shown, as the most top-level v-show has a "false" value.
What is actually happening?
The text is shown.
System Info
Reproducable at least in: Firefox 122.0, Firefox Developer 123.0b4, and Chrome 121.0.6167.161. 64bit machine.
[I don't think this is relevant for this bug, but who knows]
Any additional comments?
No response
related to https://github.com/vuejs/core/pull/10311
/cc @zh-lx
In this case two vShow
directive was applied to the same element, I'm not sure if it's a good practice, should we just merge two see #10344 vShow
directives (If do so, I prefer to respect the parent vShow
), or we need to maintain separate state for each vShow
directive?