一，父組件主動傳值

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

總結

以上是生活随笔為你收集整理的vue 父组件与子组件之间的传值（主动传值）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。