vue 中刷新路由几种方法

刷新路由有几种方式,都有各自的优缺点
之前一直都是使用location.reload()来刷新页面,但在最近写代码中通过查看大家对此的解决方法,找到了一个比较实用的方法,vue的provideinject结合使用,这个方法解决了我在项目中遇到的问题,那个时刻确实兴奋。哈哈哈

使用场景:
一个下拉框控制整个系统,如一个数据中心的下拉框,切换数据中心,所有的api都要重新获取,页面数据都随之变化,总之最根本要解决的问题就是切换数据中心后,刷新页面重新请求api。我使用的provide + inject方法。

与其他方法的区别:刷新时不会出现瞬间空白的页面,很实用。

注册、使用
注册:provide注册
使用:在操作刷新的页面注入,用inject注入inject: ['reload'],

1、第一种方法:provide 与 inject结合使用(亲测有效的比较实用的方法)

1、1 注册
/**
App.vue
*/



1、2 使用
/**
刷新页面操作的页面,如我案例中切换数据中心的页面
*/



                    
                    

你可能感兴趣的:(vue 中刷新路由几种方法)