vue组件孙组件调用爷组件（祖父组件）的方法

先看案例表格作为组件爷组件 编辑栏目作为父组件 点击分配客户出现选择跟进人弹窗，我把选择跟进人弹窗这个弹窗又做了抽取，选择跟进人这个弹窗作为孙组件。

问题在于：孙组件添加完数据，作为爷组件的表格没有立刻刷新。需要手动刷新才会展示刚才最新选择的跟进人。这个时候我们需要采用孙组件调用爷组件的方法。

一、在爷组件中设置provide(){ return{ getList:this.getList } },
getList 是我自己调爷组件分页的方法换成你的方法即可
provide与methods同级

（该代码片段页面为爷组件）

二、直接在孙组件中设置inject:['getList'],
inject 与 methods同级

（该代码片段页面为孙组件）

三、剩下的就是直接在孙组件调用getList这个方法了（getList 为我的方法改成你的方法即可）

（该代码片段页面为孙组件）

vue组件孙组件调用爷组件（祖父组件）的方法相关推荐

vue.js html 相互传值,Vue 父子组件之间相互调用传值以及多层组件之间相互调用传值...
一.父子组件传值要点1:父组件赋予子组件属性值,子组件通过props 来接收值. 要点2:父组件可以通过子组件对象($ref),来调用子组件的属性以及方法要点3:子组件通过$emit 来调用父组 ...
vue中如何优雅实现爷孙组件的数据通信($attrs/$listeners)
$attrs和 $listeners如何使用呢? $attrs是用来将数据从爷组件传递给孙组件的.(理解为之前的父传子) $listeners是用来从孙组件中触发爷组件中事件的.(理解为之前的子传父) ...
vue3组件之间通信(三)——爷孙组件传递属性和方法
文章目录 1:setup函数传递属性和方法($attrs) 1:代码 2:主要代码和详细讲解 3:注意点 2:script setup 语法糖传递属性和方法 1:代码 2:主要代码和详细讲解 3:注意 ...
vue2中祖父组件和孙组件事件通信
1.使用 p a r e n t 属性访问祖父组件,并通过 parent属性访问祖父组件,并通过 parent属性访问祖父组件,并通过emit方法触发祖父组件的事件 this.$parent.$emi ...
Vue父组件与子组件传递事件/调用事件
1.Vue父组件向子组件传递事件/调用事件 <div id="app"><hello list="list" ref="child& ...
vue组件如何自己调用自己（组件递归）
vue组件如何自己调用自己(组件递归) 在做侧边栏导航动态加载时,需要用到vue的组件递归,最开始打算直接写函数递归来解决问题,结果没什么卵用,越写越复杂.直接上代码给组件name值 <scr ...
Vue组件之间传值/调用方法的几种方式
组件之间传值/调用方法的几种方式 (一)父组件向子组件传值==props 1.在父组件中使用子组件的地方绑定数据 <children :message="message"&g ...
Vue.js中的8种组件间的通信方式；3个组件实例是前6种通信的实例，组件直接复制粘贴即可看到运行结果
文章目录一.$children / $parent 二.props / $emit 三.eventBus 四.ref 五.provide / reject 六.$attrs / $listeners ...
Vue 祖孙方法调用祖父级方法在孙级调用祖孙传参
实现孙组件调用祖先组件函数. 祖先组件 data() {-- }, // 与生命周期同级 provide() {return {//子组件调用的名字:对应的方法(当前页面,祖父级元素的方法)openL ...

vue组件孙组件调用爷组件（祖父组件）的方法

vue组件孙组件调用爷组件（祖父组件）的方法相关推荐

最新文章

热门文章

vue组件 孙组件 调用爷组件（祖父组件）的方法

vue组件 孙组件 调用爷组件（祖父组件）的方法相关推荐

最新文章

热门文章

vue组件孙组件调用爷组件（祖父组件）的方法

vue组件孙组件调用爷组件（祖父组件）的方法相关推荐