内容简介:配套包含两个组件main.js
- 模拟前进后退动画
- 基于css3流畅动画
- 基于sessionStorage,页面刷新不影响路由记录
- 返回可记录滚动条位置
- 前进后退的判断与路由路径规则无关
- 支持任意基于Vue的UI框架
demo
手机扫码
说明
配套包含两个组件
-
vue-route-transition负责动画 -
router-layout负责页面排版。 主要是解决transform动画,position:fixed异常问题
像往常一样使用
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>
复制代码
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Clojure编程
Chas Emerick、Brian Carper、Christophe Grand / 徐明明、杨寿勋 / 电子工业出版社 / 2013-3-26 / 99.00元
Clojure是一种实用的通用语言,它是传奇语言LISP的方言,可与Ruby、Python等动态语言相媲美,更以无缝Java库、服务,以及拥有JVM系统得天独厚的资源优势而胜出。本书既可以用来熟悉Clojure基础知识与常见例子,也可了解其相关的实践领域与话题,更可以看到这一JVM平台上的LISP如何帮助消除不必要的复杂性,为大家在编程实践中解决最具挑战性的问题开辟新的选择——更具灵活性,更适于W......一起来看看 《Clojure编程》 这本书的介绍吧!