Vue 刷新页面,重载页面数据

  业务场景

 当我们在对页面的数据进行增删改查结束后,页面的数据还是未操作之前的数据,手动刷新后才会渲染我们操作后的数据,那么有没有什么方法可以不用手动刷新,而重新获取数据的功能?

 那就需要用到 provide/inject 组合来实现此功能,在 modal 对话框里修改此页面的数据,对话框关闭时页面刷新。

 

  provide/inject 组合实现页面刷新

  • 第一步:修改 App.vue  

  

 

  •  第二步:在组件引入

  

   

 

  •  第三步:需要刷新的地方调用

  

 

posted @ 2022-08-17 15:26  打遍天下吴敌手  阅读(973)  评论(0编辑  收藏  举报