vue 父组件中调用子组件函数的方法
时间：2022-08-01 10:49:00|栏目：vue|点击： 次
在父组件中调用子组件的方法：
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);
}
}
没有完整的代码，只有一个用法
总结
上一篇：Vue3.0之引入Element-plus ui样式的两种方法
栏 目：vue
下一篇：没有了
本文标题：vue 父组件中调用子组件函数的方法
本文地址：http://www.codeinn.net/misctech/209590.html
