Vue 添加或删除封闭的 div

Question

我有一个这样的html结构：

<template>
<div>
<div class="container">
<somecontent>
<someothercontent>
</div>
</div>
</template>

但是，根据布局，我想删除容器div，因此结构如下所示：

<template>
<div>
<somecontent>
<someothercontent>
</div>
</template>

请注意，div 是完全添加或删除的，而不仅仅是类名。v-if在这里不起作用，因为它还会显示或隐藏div 包含的内容。最简单的解决方案是什么？

Answer 1

您可以使用如果...v-else

<template>
<div v-if="condition">
<div class="container">
<somecontent>
<someothercontent>
</div>
</div>
<div v-else>
<somecontent>
<someothercontent>
</div>
</template>