Vuejs2 Vue添加或删除封闭div

我的html结构如下：

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

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

但是，根据布局的不同，我希望删除container div，因此结构如下所示：

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

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

请注意，div被完全添加或删除，而不仅仅是类名

v-if

在这里不起作用，因为它还会显示或隐藏div包含的内容。最简单的解决方案是什么？

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

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