vue框架的vm.$listeners的使用
阿新 • • 發佈:2020-12-31
技術標籤: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修飾器的)v−on事件監聽器。它可以通過v−on="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.
emit(′do−action′)和this.emit(‘do-action’)進行回撥