【面试题】vue父子组件事件调用

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

    1 在父组件的子组件标签上写上ref属性 ref="child"

    2 然后通过 ( this.$refs.child.xxxFn()  ) this.$refs.child 调用子组件的相应方法

2 子组件调用父组件的方法

    1 在父组件的子组件标签上写上,比如@childFn="fatherFn"进行事件绑定

    2 在父组件的methods里面实现fatherFn方法

    3 在子组件里使用 this.$emit('childFn',参数)来调用父组件的fatherFn方法就行了

        值得注意的是:

            单参数的时候:fatherFn接收到的第一个参数就是,子组件传过来的那个参数。

            多参数的时候:fatherFn接收到的argumnets参数是一个数组,内容是子组件传来的多个参数

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容