Vue.js 如何动态删除Vue转换_Vue.js_Transition_Programmatically

Vue.js 如何动态删除Vue转换

vue.js

Vue.js 如何动态删除Vue转换,vue.js,transition,programmatically,Vue.js,Transition,Programmatically,我有一个声明为动画块的表体。在某些特定情况下，我希望删除到表体的转换。有没有办法做到这一点。您可以将模板与if-else条件一起使用： <template v-if="condition"> <transition>  <<html element>> </transition> </template> &

我有一个声明为动画块的表体。

在某些特定情况下，我希望删除到表体的转换。有没有办法做到这一点。

您可以将模板与if-else条件一起使用：

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

HTML


你好

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

非常聪明谢谢，这比当前的顶部答案要好。但它不会禁用标记，因此如果突然（在某些条件下）有多个元素在里面仍然有一个错误，这不是第二个答案的情况这仍然引起了我的闪烁。我的解决方案是通过

：css=“true/false”

属性禁用它。

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