Vue 祖孙方法调用祖父级方法在孙级调用祖孙传参

实现孙组件调用祖先组件函数。

祖先组件


data() {……
},
// 与生命周期同级
provide() {return {//子组件调用的名字：对应的方法（当前页面，祖父级元素的方法）openList: this.openList};
},
mounted() {……
},
methods: {openList(type) {// 逻辑代码console.log(type);},
}

孙组件：

name: "waterPieCom",// 导入祖父级定义的名称
inject: ["openList"],
data(){...
}
mounted() {// 任意位置调用，与当前文件下的调用相同this.openList(type)
}

传递参数：

若需传递参数则在祖父级页面方法中进行赋值即可

data() {return {//初始化定义数据value:''}
},
methods: {openList(type) {// 赋值this.value = type},
}

Vue 祖孙方法调用祖父级方法在孙级调用祖孙传参相关推荐

我的Vu啊（vue 2.0，数据监听，计算属性，组件传参）
提示:个人Vue学习工作总结 (持续更新中如果有不对的地方还请前辈多多指点) 文章目录 vue 计算属性 computed vue 数据监听 wacth 提示:以下是本篇文章正文内容,下面案例可供 ...
Vue教程6【完结】【vue-router】路由，路由传参，编程式路由导航，缓存路由组件，路由守卫，路由模式，vue ui组件库
vue-router 了解 vue插件库,用来实现SPA应用(单页面) 整个页面只有一个完整的页面点击页面中导航链接,不会刷新页面,只做局部更新数据通过ajax请求路由的理解一组映射关系(ke ...
vue组件间通信传递数据的四种方式（路由传参、父子组件传参、兄弟组件传参、深层次传参）
前言: vue组件间通信对于经常来写vue的伙伴来说应该是很轻松的,对于一些刚入门的伙伴来说可能就有些迷茫,感觉方式有很多种,但是总结起来又不知道应该怎么说,在下面的文章中,我结合自己的开发过程中经常 ...
c语言调用dll实例结构体传参,Matlab调用Dll，对于自定义结构体数组如何传参？ - 程序语言 - 小木虫 - 学术科研互动社区...
%[例子1] % Matlab调用DLL,整形数组传参 v = [1,22,33;44,-56,67]; pv = libpointer('int16Ptr',v); m = get(pv,'Valu ...
vue实现组件隔代通信（在孙组件调用爷组件的方法）
以关闭弹框为例,在孙子弹框中同时关闭爷弹框与父弹框 //爷组件中引入父组件监听关闭弹窗的方法 <el-drawer :visible.sync="pageDrawer" : ...
el-date-picker修改为周类型日期插件时间格式是开始时间字段级和结束时间字段两个传参给后台
1.首先安装moment: npm install moment --save对时间进行处理 2.在对应的.vue文件中引入:import moment from "moment" ...
H5调用APP的方法
使用场景原生APP内嵌入HTML5页面,在HTML5页面调用原生APP的方法(如登录.分享等). 关键代码 if(window.webkit && window.webkit.mes ...
python调用函数传参时、有默认值的在中间报错了_python的大坑：使用空列表作为默认参数，让我怀疑遇到了灵异代码...
在python中,不要使用列表或者其他可变类型的数据容器作为默认参数.否则你很可能会遇到奇奇怪怪的问题. 如果你在调用某一个函数时,传了同样的参数,手动执行,每次结果都正确.但是用循环遍历重复多次执行 ...
vue组件孙组件调用爷组件（祖父组件）的方法
先看案例表格作为组件爷组件编辑栏目作为父组件点击分配客户出现选择跟进人弹窗,我把选择跟进人弹窗这个弹窗又做了抽取,选择跟进人这个弹窗作为孙组件. 问题在于:孙组件添加完数据,作为爷组件的表格没有 ...

Vue 祖孙方法调用祖父级方法在孙级调用祖孙传参

Vue 祖孙方法调用祖父级方法在孙级调用祖孙传参相关推荐

最新文章

热门文章

Vue 祖孙方法调用 祖父级方法在孙级调用 祖孙传参

Vue 祖孙方法调用 祖父级方法在孙级调用 祖孙传参相关推荐

最新文章

热门文章

Vue 祖孙方法调用祖父级方法在孙级调用祖孙传参

Vue 祖孙方法调用祖父级方法在孙级调用祖孙传参相关推荐