美文网首页
vue父组件调用子组件方法

vue父组件调用子组件方法

作者: 剑圣_盖小聂 | 来源:发表于2019-03-08 11:26 被阅读0次

    例如子组件中有一个方法test,我们在父组件中怎么引用呢?

    子组件:

    methods:{

    test(){

          alert("1")

    }

    }

    就不贴代码了,说一下点:先引入子组件,再注册,页面中使用

    import children from'components/children.vue'

    components: {'children': children },

    <children ref="child"></children>

    在子组件中加上ref即可通过this.$refs.ref.method调用:

    methods:{

         parentFun(){

                  this.$refs.child.test();

         }

    }

    相关文章

      网友评论

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

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