vue 父组件中调用子组件函数的方法
- 作者: 亖呉?盀
- 来源: 51数据库
- 2021-08-28
在父组件中调用子组件的方法：
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);
}
}
没有完整的代码，只有一个用法
总结
以上所述是小编给大家介绍的vue 父组件中调用子组件函数的方法，希望对大家有所帮助
推荐阅读
