logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年

transition:指定过渡效果的名字

  • 使用transition组件时可以指定过渡效果的名字,如设置name属性值为"slide"。
  • 若设置了name属性,在被包装元素上会添加相应前缀的类,用于定义过渡效果。
  • 可以为slide过渡效果设计入场初始状态(slide-enter-from),设置元素透明度和平移量。
  • 入场过程(slide-enter-active)和结束状态(slide-enter-to)的样式可以通过transition属性设置过渡时长。
  • 离场过程(slide-leave-active)和结束状态(slide-leave-to)也需要相应设置,定义元素透明度变化和平移效果。
  • 在浏览器中点击按钮可以测试应用这种自定义的slide过渡效果。