vue组件孙子调用爷爷的方法

1、在爷爷组件中设置provide(){ return{ saveFun:this.saveFun } },
saveFun我自己的方法 provide和methods同级
2、直接在孙子组件中设置inject:['saveFun'],
inject data同级
剩下的就是直接调用saveFun这个方法了

vue组件孙子调用爷爷的方法相关推荐

vue组件通信的几种方法
vue中我们最常使用的就是父子之间的通信还有全局数据管理vuex了,下面粗略说一下vue组件通信的几种方法组件通信的几种方式 1.父子组件通信 2.兄弟组件通信 3.跨多层级组件通信 4.任意组件( ...
vue三种调用接口的方法
注:此博客仅用于学习,自己还处于菜鸟阶段,希望给相同处境的人提供一个可参考的博客.如果您觉得不合理,您的指导,非常欢迎,但请不要否定别人的努力,谢谢您了! vue三种调用接口的方法 1. this.$ ...
vue 子页面调用父页面方法、回写父页面数据
方法一推荐使用:this.$parent // 调用父类的方法 this.$parent.getlist() // 给父页面对象赋值 this.$parent.proForm = response. ...
vue组件间传值的六种方法
一. vue组件间传值 1. 父组件向子组件进行传值props 父组件代码: <template><div>父组件:<input type="text" ...
vue父页面调用子页面方法
1.子页面,文件名MapContainer.vue <template><div class="box"><div style="posit ...
vue组件之间传值几种方法
方法一.父子组件传值通过props向下传递父组件 <div class="menu_header"><Menu :msgChild="msg1&qu ...
Vue组件传值的三种方法
Vue组件传值的三种方式 1.父传子父传子使用props: 1.父组件:即在使用的子组件标签上,自定义一个绑定数据,这里我使用的是"mymsg",将父组件的msg绑定在其上. 2 ...
Vue组件通信的7个方法
1.props和$emit 父组件向子组件传递数据是通过prop传递的,子组件传递数据给父组件是通过$emit触发事件来做到的 Vue.component("child",{ da ...
vue在created调用点击方法_vue.js中created方法的使用详解
这次给大家带来vue.js中created方法的使用详解,使用vue.js中created方法的注意事项有哪些,下面就是实战案例,一起来看一下. 这是它的一个生命周期钩子函数,就是一个vue实例被生成 ...

vue组件孙子调用爷爷的方法

vue组件孙子调用爷爷的方法相关推荐

最新文章

热门文章