在绑定父子组件之后,子组件要调用父组件的方法
首先在子组件中绑定一个点击事件(@click=“sonSub”)
<div @click="sonSub()">我是子组件</div>
在该方法中使用 this.$parent 方法调用父组件的方法
//子组件
methods:{
sonSub(){
this.$parent.fatherSub()
}
}
父组件中只用写方法,不用再因为子组件的调用而添加其他代码
//父组件
methods:{
fatherSub(){
console.log("父组件的方法")
}
}
如果需要传参的话,如下:
//子组件
methods:{
sonSub(index){
this.$parent.fatherSub(index)
}
}
//父组件 父组件中可换,但传入的参是一样的
methods:{
fatherSub(index){
console.log("父组件的方法")
}
}
以上就是子组件调用父组件的方法,只需要子组件加一行代码就可以咯~