HLJ 发布于
2024-05-23 14:52:49
7阅读

Transition

上一篇文章:

插件

下一篇文章:

TransitionGroup

<Transition> 组件

  • <Transition> 是一个内置组件,进入或离开可以由以下的条件之一触发:
  • 1、由 v-if 所触发的切换
  • 2、由 v-show 所触发的切换
  • 3、由特殊元素 切换的动态组件
  • 4、改变特殊的 key 属性
  • 基本用法
<button @click="show = !show">Toggle</button>
<Transition>
  <p v-if="show">hello</p>
</Transition>
/* 下面我们会解释这些 class 是做什么的 */
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s ease;
}

.v-enter-from,
.v-leave-to {
  opacity: 0;
}
当前文章内容为原创转载请注明出处:http://www.good1230.com/detail/2024-05-23/662.html
最后生成于 2024-06-25 13:50:44
上一篇文章:

插件

下一篇文章:

TransitionGroup

此内容有帮助 ?
0