一、解决的场景问题:

  根父组件A有一个方法getMap,该组件A下的所有子组件B,子组件C,子组件D,或者子组件B下的子组件E等层层嵌套情况下,在某种情况下,都需要访问父组件的getMap方法,那么常用的方法是子组件B:this.$parent.getMap(),组件E则是:this.$parent.$parent.getMap()以此类推;这种情况下,使用 $parent 属性无法很好的扩展到更深层级的嵌套组件上。

二、解决方式如下

  根组件A使用provide对外提供被访问的函数,子组件使用inject“导入”父组件的函数即可

vue的依赖注入provide和inject

 

相关文章:

  • 2022-12-23
  • 2022-01-14
  • 2021-07-13
  • 2022-12-23
  • 2021-08-01
  • 2021-11-18
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2023-03-06
  • 2021-09-07
相关资源
相似解决方案