美文网首页
【面试题】vue父子组件事件调用

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

作者: spanman | 来源:发表于2020-04-18 01:31 被阅读0次

    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参数是一个数组,内容是子组件传来的多个参数

    相关文章

      网友评论

          本文标题:【面试题】vue父子组件事件调用

          本文链接:https://www.haomeiwen.com/subject/otnpvhtx.html