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-if ... v-else

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

Vue添加或删除封闭的div

1 个答案: