如何动态删除Vue过渡答案

【问题标题】：How can I remove Vue transition dynamically如何动态删除Vue过渡
【发布时间】：2018-03-20 12:21:39
【问题描述】：

我有一个表体，它被声明为动画块。在某些特定情况下，我想删除到表格主体的过渡。有没有办法做到这一点。

【问题讨论】：

【解决方案1】：

HTML

<transition name="condition ? 'fade' : ''">
    <p>Hello</p>
</transition>

在 name 属性中指定条件，当条件为真（或等于任何值）时运行“name”参数，在另一种情况下将其留空并且转换将不起作用

【讨论】：

非常聪明，谢谢，这比当前的最佳答案要好得多。
但它不会禁用标签，所以如果你突然（在某些情况下）里面有多个元素仍然有错误，第二个答案不是这种情况
这仍然引起了我的闪烁。我的解决方案是通过:css="true/false" 属性禁用它。

【解决方案2】：

您可以使用带有 if-else 条件的模板：

<template v-if="condition">
  <transition> <!-- if condition matched, use transition -->
    <<html element>>
  </transition>
</template>
<template v-else>
   <<html element>>
</template>

【讨论】：