vue 父组件调用子组件,vue子组件使用父组件方法

  vue 父组件调用子组件,vue子组件使用父组件方法

  某视频剪辑软件子组件调用父组件的方法其实不难,最近整理了一下,下面这篇文章主要给大家介绍了关于某视频剪辑软件中子组件调用父组件的3种方法,需要的朋友可以参考下

  

目录

   1.直接在子组件中通过"这个$parent.event "来调用父组件的方法。2.子组件用" $emit "向父组件触发一个事件,父组件监听这个事件即可。3.父组件把方法传入子组件中,在子组件里直接调用这个方法即可。总结某视频剪辑软件中子组件调用父组件的三种方法:

  

1.直接在子组件中通过“this.$parent.event”来调用父组件的方法。

  父组件

  模板

  差异

  孩子/孩子

  /div

  /模板

  脚本

  从导入子级./组件/子组件;

  导出默认值{

  组件:{

  儿童

  },

  方法:{

  fatherMethod() {

  console.log(父组件方法);

  }

  }

  };

  /脚本

  子组件

  模板

  差异

  button @click=childMethod()点击按钮/按钮

  /div

  /模板

  脚本

  导出默认值{

  方法:{

  childMethod() {

  这个$家长。父方法();

  }

  }

  };

  /脚本

  

2.子组件用“$emit”向父组件触发一个事件,父组件监听这个事件即可。

  父组件

  模板

  差异

  子@父方法=父方法/子

  /div

  /模板

  脚本

  从导入子级。/组件/子组件

  导出默认值{

  组件:{

  儿童

  },

  方法:{

  fatherMethod() {

  console.log(父组件方法);

  }

  }

  };

  /脚本

  子组件

  模板

  差异

  button @click=childMethod()点击按钮/按钮

  /div

  /模板

  脚本

  导出默认值{

  方法:{

  childMethod() {

  这个emit(父方法);

  }

  }

  };

  /脚本

  

3.父组件把方法传入子组件中,在子组件里直接调用这个方法即可。

  父组件

  模板

  差异

  子:父方法=父方法/子

  /div

  /模板

  脚本

  从导入子级./组件/子组件;

  导出默认值{

  组件:{

  儿童

  },

  方法:{

  fatherMethod() {

  console.log(父组件方法);

  }

  }

  };

  /脚本

  子组件

  模板

  差异

  button @click=childMethod()点击按钮/按钮

  /div

  /模板

  脚本

  导出默认值{

  道具:{

  父方法:{

  类型:功能,

  默认值:空

  }

  },

  方法:{

  childMethod() {

  这个。父方法();

  }

  }

  }

  };

  /脚本

  

总结

  到此这篇关于某视频剪辑软件中子组件调用父组件的3种方法的文章就介绍到这了,更多相关某视频剪辑软件子组件调用父组件内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: