当前位置: 代码迷 >> 综合 >> vue 中使用 provide 和inject 组件见传值通信(实现页面刷新)
  详细解决方案

vue 中使用 provide 和inject 组件见传值通信(实现页面刷新)

热度:73   发布时间:2023-11-21 15:39:24.0

第一步: 在最顶层 app.vue中 写入下图代码

<template><div id="app"><router-view v-if="isRouterAlive"/></div>
</template><script>
export default {name: 'App',provide() {return {reload: this.reload}},data() {return {isRouterAlive: true}},methods: {reload() {this.isRouterAlive = falsethis.$nextTick(function() {this.isRouterAlive = true})}}
}
</script>

 

第二步:在其任意子组件(无论穿透多少层)使用 inject

  相关解决方案