1.在调用的子组件上定义一个ref属性
eg:ref="childItem"
2.在子组件的methods中声明一个函数。
eg: userInfo:function(str){console.log(str);}
3.在父组件中声明一个函数test,并通过
this.$ref.childItem.userInfo 来使用组件中声明的函数
父组件
<template>
<div>
<child ref="childItem"></child>
<button @click='test'></button>
</div>
</template>
<script>
import child form "./component/child"
export default {
methods:{
test(){
this.$refs.childItem.userInfo('调用子组件中的方法');
}
}
}
</script>
子组件
<template>
<div>
<button @click='userInfo'></button>
</div>
</template>
<script>
export default {
methods:{
userInfo(str){
console.info(str);
}
}
}
</script>