vue-navigation 刷新插件的使用

安装
npm i -S vue-navigation
使用
main.js中

import Navigation from 'vue-navigation';
Vue.use(Navigation, {router})； // vue-router 实例

App.vue中

<navigation>
    <router-view></router-view>
</navigation>

页面自动生成的刷新标识


image.png

如果有vuex
Vue.use(Navigation, {router, store})
更改刷新的Key
Vue.use(Navigation, {router,keyName: 'SSSS'})


image.png

使用场景：

  • 实现前进刷新，后退不刷新
  • 前进、后退分别使用不同的过场动画。
    vue-navigation 支持如下 5 种事件类型的监听：
    forward：前进
    back：后退
    replace：替换
    refresh：刷新
    reset：重置
    对应的监听方法：
    this.$navigation.on('forward', (to, from) => {
    console.log('forward to', to, 'from ', from)
    })
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容