江苏龙网

  1. 首页 > 生活 > >

vue.js中vue-router切换路由怎样实现自定义动画

根据 $loadingRouteData 值的变化。
■网友
最简单的方法就是自己写一个组件类似\u0026lt;div class="loading"\u0026gt; \u0026lt;div class="loading-white"\u0026gt; \u0026lt;div class="loading-bear"\u0026gt;\u0026lt;/div\u0026gt; \u0026lt;div\u0026gt;加载中...\u0026lt;/div\u0026gt; \u0026lt;/div\u0026gt;\u0026lt;/div\u0026gt;搞一个gif背景图，每个页面都加入该组件，当切换页面时，设置组件的v-show....不过这里没有用到vue的transition...
■网友
1）transition组件\u0026lt;template\u0026gt; \u0026lt;transition enter-active-class="animated fadeIn" leave-active-class="animated fadeOut"\u0026gt; \u0026lt;slot\u0026gt;\u0026lt;/slot\u0026gt; \u0026lt;/transition\u0026gt;\u0026lt;/template\u0026gt;2）自己写一个 progress 组件例如提交表单时打开 progress 组件，progress 组件给一个动画转转转，等到你的接口返回成功时给 progress 组件传一个参数 100，然后 progress 动画加载到 100 时 $emit 一个 ok 事件，父组件监听 ok 事件，触发时路由再跳转页面


    推荐阅读


    上一篇：网件和思科的家用路由器谁更优秀?

    下一篇：一名大一新生困惑，对未来