<...">
美文网首页
vue 父组件调用子组件

vue 父组件调用子组件

作者: 安徒生1997 | 来源:发表于2021-08-05 16:42 被阅读0次


    一:通过ref直接调用子组件的方法:

    // 父组件

    <record-div ref="recordChange"></record-div>

    onvlivk(){

          this.$refs.recordChange.recordChangeShow();

       },

    // 子组件

    recordChangeShow(){

          // 成功调用

        },

    二:通过组件的$emit、$on方法:

    // 父组件

    <record-div ref="recordChange"></record-div>

    onvlivk(){

          this.$refs.recordChange.$emit("recordChangeShow")    //子组件$on中的名字

       },

    // 子组件

    this.$nextTick(function() {

                this.$on('recordChangeShow',function() {

                    console.log('我是子组件方法');

                });

            });

    相关文章

      网友评论

          本文标题:vue 父组件调用子组件

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