vue 父组件中调用子组件函数
程序员文章站
2022-03-22 12:04:06
2019/06/06 在父组件中调用子组件的方法： 1.给子组件定义一个ref属性。eg:ref="childItem" 2.在子组件的methods中声明一个函数。eg: useInPar:function (str) {console.log(str)} 2. 在父组件的中声明一个函数，并通过t ......
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);
}
}
没有完整的代码，只有一个用法