Vue父子组件

1.子组件调用父组件方法

子组件方法:this.$emit(getAttrObj, page) 
父组件接收:@getAttrObj=func($event,index)'  
子组件传多个参数:this.$emit('emitLinkTo', {page,num})
父组件接收多个参数
@getAttrObj="func(arguments, index)"
...
methods: {
    func () {
        const [arg1, arg2 ...] = arguments[0]
        const index = arguments[1]
        ...
    }
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在vue组件通信中其中最常见通信方式就是父子组件之中的通性,而父子组件的设定方式在不同情况下又各有不同。最常见的就...
    岁月如同马匹阅读 31,673评论 5 40
  • 一、通过对象字面量的形式,定义一个组件模板对象 首先创建组件,同时为这个组件起一个名称,并且利用标签形式,在页面中...
    Welkin_qing阅读 4,563评论 0 0
  • 组件化开发是Vue的特色,同时也是未来前端开发的趋势,组件的相互调用也产生了组件沟通问题。在Vue1.X中我们使用...
    Mr_Treasure阅读 4,738评论 9 5
  • 父子组件通信 首先说一下父子组件。 比如一个页面有三部分组成,如下所示, 在 Vue 开发中对应有一个 APP 组...
    大侠咕咚阅读 3,218评论 1 0
  • 我们在开发的时候不免会遇到在某个页面内,点击某个地方的时候需要打开或者跳到某个组件上,这时我们就需要父子组件间的通...
    懒人的勤奋阅读 1,877评论 0 0

友情链接更多精彩内容