1、$refs、$parent,示例:
/******************父主动获取子$refs********************/
<child-list ref="childMethod"></child-list> //父组件中调用子组件
export default {
data() {},
methods: {
prentClick() {
this.$refs.childMethod.haizi(); //父主动获取子方法
console.log(this.$refs.childMethod.child);//父主动获取子属性
},
parentList(){}
}
}
/******************子主动获取父$parent********************/
export default {
props: [],
data(){},
methods: {
haizi(){},
childClick(){
this.$parent.parentList(); //子主动获取父数据
}
}
}
2、父==>子==>父,传参示例:
//父 --> 子 --> 父
<div id="myApp">
//父组件的子组件标签中添加属性并赋值(赋值是在父的data中)
<add-method :a="6" :b="12" v-on:add_event=