一,父组件主动传值
1,父组件
<Settlement-Table1 ref="comp1"></Settlement-Table1>
click(){
this.$refs.comp1.getData(this.list1)
}
// this.list1 是需要穿的值
2,子组件
getData(data){
console.log("父组件传过来的", data)
},
// getData()会自动执行
二,父组件主动获取子组件的值
1,子组件
data(){
return{
checkBoxData: []
}
},
changeFun(val) {
console.log('ppp')
},
2,父组件
<Settlement-Table1 ref="comp1"></Settlement-Table1>
click(){
// checkBoxData 是子组件的数据
let haha = this.$refs.comp1.checkBoxData
// changeFun 是子组件的方法
// let haha = this.$refs.comp1.changeFun()
console.log(haha)
}
三,子组件主动获取父组件的值
1,子组件
// 获取父组件的数据
this.$parent.PopupOfAddShow
// 获取父组件的方法
this.$parent.fun()
// 可以直接修改父组件的值
2,父组件
父组件中有变量: PopupOfAddShow