vue顶部栏的刷新按钮实现

69 阅读1分钟

Vue中要实现手动刷新的思路及流程

  1. 思路就是组件的卸载和挂载
  2. 在公共仓库创建一个共享的状态refresh为true 在点击按钮之后实现取反,
  3. 接着在mainApp中 在动态组件上利用v-if根据store中的refresh来判断卸载和挂载 ,
  4. 最后利用监听refresh的值来卸载,使用nextTick的API特性,在dom更新完之后得到最新的值来改变refresh的值