汪明翰简历,facebook市值多少,龙血少年
vue-route-transition
vue router 切换动画
特性
demo
手机扫码
说明
配套包含两个组件
像往常一样使用
npm i vue-route-transition --save
main.js
import routetransition from 'vue-route-transition' vue.use(routetransition)
app.vue
<template> <vue-route-transition id="app"> </vue-route-transition> </template>
页面,如果有吸附头部,或吸附底部元素的情况下才需要使用router-layout组件
<template> <router-layout> <header slot="header"> 头部导航 </header> <div></div> <div></div> ... <footer slot="footer"> <button>底部按钮</button> </footer> </router-layout> </template>
github
开源协议
本项目基于 mit 协议,请自由地享受和参与开源。
总结
以上所述是小编给大家介绍的vue路由前进后退动画效果的实现代码,希望对大家有所帮助
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
vue 路由懒加载中给 Webpack Chunks 命名的方法
网友评论