+
95
-

vue如何自定义组件的过渡动画?

vue如何自定义组件的过渡动画?


网友回复

+
15
-

可以使用vue的transition包裹结合自定义css样式实现:

<!DOCTYPE html>

<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1.js"></script>
    <style>
        .fade-enter-active,
        .fade-leave-active {
          transition: opacity 0.5s;
  ...

点击查看剩余70%

我知道答案,我要回答