vue-admin-template实现表格刷新

在添加或者修改数据后，经常需要刷新表格中数据，实现实时更新界面状态，刷新有三种方法：

一、this.$router.go(0)

此种方法页面会一瞬间白屏，体验不好，不建议使用

二、location.reload()

此种方法页面也是一闪，效果也不是很好

三、跳转到空白页面在跳回

此种方法页面不会一闪，但是可看到路由变化，也不太好

四、通过provide /inject组合实现刷新

原理：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效

在App.vue,声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载

本例子以vue-admin-template为例子进行演示

1、首先进入项目根目录下的src目录下，编辑App.vue，添加如下内容：

2、在需要刷新的页面中引入依赖：

注：此依赖与data()是平级的，不要写错位置

3、在需要执行刷新的地方调用即可：