vue之$emit返回值(轉)

原文地址：https://www.cnblogs.com/s313139232/p/13884831.html

 

應用場景：子組件調用父組件的方法並獲取到父組件方法的返回值

// 父組件
getdata(){
 return data
}
// 子組件
let data = this.$emit("getdata", bounds)
return data

這種寫法是錯誤的，拿到的data是指向方法的this，無法獲取到data

正確寫法：

// 父組件
getdata(bounds, callback){
 callback(data)
}
// 子組件
let data = {}
this.$emit("getdata", bounds, val => {
    data = val
})
return data

在父組件方法里面寫一個回調函數，然后通過回調將參數傳給子組件......