vuejs2 - 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 包含的内容。最简单的解决方案是什么？

标签： vuejs2

Answer 1

您可以使用 v-if ... v-else

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