美文网首页
vue如何在父组件中调用子组件的方法

vue如何在父组件中调用子组件的方法

作者: 郝艳峰Vip | 来源:发表于2019-11-29 16:58 被阅读0次

    前沿

    *****这个就不废话了,直接上代码

    假如子组件中有一个方法,想再父组件中直接触发,调用,怎么办呢?这个时候就会用到ref属性

    举个例子
    在子组件中有一个方法jumpTiger

        methods: {
            jumpTiger() {
                this.$router.push({
                    path: '/tigerGoods'
                })
            },
    

    在父组件中这样写

    假设你已经引用了子组件,这里不了解ref属性的请移步vue中ref的详解

    在这里加上ref属性
    <children ref="child"></children>
    

    那么你在父组件的方法里这样写

        methods: {
           jumpButton() {
              this.$refs.child.jumpTiger();
            },
    

    这样就可以调用子组件的方法了。

    相关文章

      网友评论

          本文标题:vue如何在父组件中调用子组件的方法

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