您当前的位置: 首页 > 

83Vue - 自定义过渡类名

杨林伟 发布时间:2019-07-29 17:22:56 ,浏览量:2

我们可以通过以下特性来自定义过渡类名:

  • enter-class
  • enter-active-class
  • leave-class
  • leave-active-class

他们的优先级高于普通的类名,这对于 Vue 的过渡系统和其他第三方 CSS 动画库,如 Animate.css 结合使用十分有用。

示例: HTML代码:


Toggle render

hello

JS代码:

new Vue({
  el: '#example-3',
  data: {
    show: true
  }
})

效果: 在这里插入图片描述

关注
打赏
1688896170
查看更多评论

杨林伟

暂无认证

  • 2浏览

    0关注

    3183博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文
立即登录/注册

微信扫码登录

0.1375s