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

前沿

---

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

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

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

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

. 在父组件中这样写

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

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

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

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

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