插件名称 | vue-page-stack |
---|---|
发布时间 | 2020年12月29日 |
插件作者 | mirrors |
vue-page-stack 是一个 Vue 单页应用导航管理器。
功能:
push
或者forward
的时候重新渲染页面,Stack 中会添加新渲染的页面back
或者go(负数)
的时候先前的页面不会重新渲染,而是从 Stack 中读取,并且这些页面保留着先前的内容状态,例如表单内容,滚动条滑动的位置等back
或者go(负数)
的时候会把不用的页面从 Stack 中移除replace
会更新 Stack 中当前页面npm install vue-page-stack
# OR
yarn add vue-page-stack
import Vue from 'vue'
import VuePageStack from 'vue-page-stack';
// vue-router is necessary
Vue.use(VuePageStack, { router });
// App.vue
<template>
<div id="app">
<vue-page-stack>
<router-view ></router-view>
</vue-page-stack>
</div>
</template>
官网:https://github.com/hezhongfeng/vue-page-stack
演示:https://www.vue365.cn/code_demo.php?id=3652
GitHub下载:https://github.com/hezhongfeng/vue-page-stack/archive/master.zip