Subscribe on changes!

v-show=false can not hide element in source code

avatar
Jun 16th 2022

Vue version

3.2.31

Link to minimal reproduction

https://stackblitz.com/edit/github-96ft3e-rqszjf?file=src%2FApp.vue,src%2FAppImage.vue

Steps to reproduce

1、create a dynamic components 2、use v-show to show or hdie the components. AppImage.js

<component :is="tag">
  <slot />
</component>

main.js

<AppImage>
  <AppImage v-show="object">works</AppImage>
</AppImage>
<AppImage>
  <AppImage v-show="!object">works</AppImage>
</AppImage>

3、the hidden components will show up at start and display: none can not be found in source code

What is expected?

the dynamic components hide correctly

What is actually happening?

the dynamic components will show up

System Info

No response

Any additional comments?

No response