一,父组件主动传值
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