vue 父组件调用子组件
2021-08-05 本文已影响0人
安徒生1997
一：通过ref直接调用子组件的方法：
// 父组件
<record-div ref="recordChange"></record-div>
onvlivk(){
this.$refs.recordChange.recordChangeShow();
},
// 子组件
recordChangeShow(){
// 成功调用
},
二：通过组件的$emit、$on方法：
// 父组件
<record-div ref="recordChange"></record-div>
onvlivk(){
this.$refs.recordChange.$emit("recordChangeShow") //子组件$on中的名字
},
// 子组件
this.$nextTick(function() {
this.$on('recordChangeShow',function() {
console.log('我是子组件方法');
});
});
