Vue - 用标签动态包围组件

Question

我想说的是v-if指令可以根据条件使整个组件（及其所有内容）消失。

我的问题是：有没有办法只让周围的标签或组件消失，而不删除其内容？

Answer 1

当您需要一个无根组件时，您可以使用动态组件和:is prop 和vue-fragment ，如果这正是您所需要的，则可以直接使用 vue-fragment。

另一种选择是直接操作 DOM。

Answer 2

不，你不能这样做。 我想到的第一件事是将您的内容移动到单独的组件中以避免代码重复并执行类似的操作

<wrapper v-if="condition">
  <child />
</wrapper>
<child v-else />

如果您提供有关为什么需要此功能的一些详细信息，我们可能会找到更好的解决方案。