欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue $emit返回值

傅智翔2年前10瀏覽0評論

在Vue中,基于組件間通信的需要,$emit是非常常用的方法。它允許在子組件中可以向父組件傳遞信息,同時也可以通過回調函數(shù)返回信息。下面就來具體介紹$emit函數(shù)的返回值:

// 監(jiān)聽事件
this.$emit('eventName', data)
// 定義事件監(jiān)聽函數(shù)
onEventName (result) {
console.log(result) 
}

在上面的代碼中,$emit函數(shù)傳遞了eventName和data兩個參數(shù),這兩個參數(shù)將會在父組件中監(jiān)聽得到。而在onEventName函數(shù)中,我們可以得到一個result參數(shù)。這個參數(shù)就是$emit函數(shù)在子組件中回調的返回值。接下來我們就來看一下怎么返回一個值。

// 在子組件中使用$emit回調一個值
this.$emit('eventName', data =>{
if (data) {
return 'success'
} else {
return 'error'
}
})
// 在父組件中監(jiān)聽回調函數(shù)
onEventName (result) {
console.log(result) // 打印出success或error
}

在上述代碼中,我們在$emit函數(shù)回調時傳遞了一個函數(shù)。在這個函數(shù)中,根據(jù)不同的條件返回不同的值。在父組件中,我們依然可以通過參數(shù)獲取到子組件中回調的返回值。這樣子組件就可以在不改變父組件數(shù)據(jù)的前提下,根據(jù)自己的邏輯返回不同的值。

總之,$emit是非常實用的Vue方法之一,掌握它的使用和返回值,可以讓我們更方便地實現(xiàn)組件間的通信。