vue 父组件中调用子组件函数

时间:2022-03-20 20:51:35

2019/06/06

在父组件中调用子组件的方法:

 1.给子组件定义一个ref属性。eg:ref="childItem"

 2.在子组件的methods中声明一个函数。eg: useInPar:function (str) {console.log(str)}

 2. 在父组件的中声明一个函数,并通过this.$refs.childItem.userInPar来使用子组件中声明的函数。

父组件:

<template>

<child-item ref='child' />

<button @click='useChildFun'></button>

</template>

<script>

```

methods() {

useChildFun:function(){

this.$refs.child.usedInPar('调用子组件中的方法');

}

}

</script>

子组件:

```

methods () {

usedInPar(str){

console.log(str);

}

}

没有完整的代码,只有一个用法