Vue实现页面的局部刷新(router-view页面刷新)

https://blog.csdn.net/a5252145/article/details/102745598?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromBaidu-1.control&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromBaidu-1.control

 

Vue实现页面的局部刷新(router-view页面刷新)

利用Vue里面的provide+inject组合

  1. 首先需要修改App.vue。






Vue实现页面的局部刷新(router-view页面刷新)_第1张图片

 

 

2. 到需要刷新的页面进行引用,使用inject导入引用reload,然后直接调用即可。
Vue实现页面的局部刷新(router-view页面刷新)_第2张图片

inject:["reload"],
this.reload();

Vue实现页面的局部刷新(router-view页面刷新)_第3张图片

你可能感兴趣的:(vue)