javascript : vue 3 Is it possible to switch the display by specifying v-if as the parent element?

Home>2022-01-22 19:03

&lt;
div id= "test" v-if= "seen" &gt;
  &Lt;
p &gt;
Aiueo &lt;
/p &gt;
  &Lt;
button @click= "remove" &gt;
Delete &lt;
/button &gt;
&Lt;
/div &gt;

When I click the button in the above HTML, seeen becomes false and I wrote a vue that disappears entirely, but it doesn't seem to work.

&lt;
div id= "test" &gt;
  &Lt;
p v-if= "seen" &gt;
Aiueo &lt;
/p &gt;
  &Lt;
button @click= "remove" &gt;
Delete &lt;
/button &gt;
&Lt;
/div &gt;

Next, if you set v-if to p, which is a sibling element of button, that sibling element seems to disappear and work.

What I want to do is delete the parent element div, is that impossible?

javascript html vue.js