1. 程式人生 > 其它 >vue框架的vm.$listeners的使用

vue框架的vm.$listeners的使用

技術標籤:vue的使用

vm. l i s t e n e r s 包 含 了 父 作 用 域 中 的 ( 不 含 . n a t i v e 修 飾 器 的 ) v − o n 事 件 監 聽 器 。 它 可 以 通 過 v − o n = " listeners 包含了父作用域中的 (不含 .native 修飾器的) v-on 事件監聽器。它可以通過 v-on=" listeners(.native)vonvon="listeners" 傳入內部元件——在建立更高層次的元件時非常有用。

父元件

<子元件
@itemBack="handleCancel"
@do-action="doBtnAction"
></子元件>
handleCancel (){
},
doBtnAction(){
}

子元件

<子子元件 :option="buttons" v-on="$listeners"></子子元件>

$listeners就是包含了handleCancel 和doBtnAction兩個方法,再繼續傳遞給子元件的子元件使用該回調函式

子子元件也是使用this. e m i t ( ′ d o − a c t i o n ′ ) 和 t h i s . emit('do-action')和this.

emitdoactionthis.emit(‘do-action’)進行回撥