綁定自定義事件

// 第一種方式 <Demo @demo="test"/> || <Demo v-on:demo="test"/>// 第二種方式 <Demo ref="demo"/> ... mounted() {this.$refs.xxx.$on('demo', this.test) } // 如果想自定義事件只能觸發(fā)一次，可以使用 once 修飾符 或者 $once 方法

觸發(fā)自定義事件 this.$emit('demo', 數(shù)據(jù))

解綁自定義事件 this.$off('demo') 解綁多個自定義事件 this.$off(['demo1', 'demo2'])，解綁全部自定義事件 this.$off()

組件上也可以綁定原生 DOM 事件，需要使用 native 修飾符

注意：通過 this.$refs.xxx.$on('demo', 回調(diào)) 綁定自定義事件時，回調(diào)要么配置在 methods 中，要么使用箭頭函數(shù)，否則 this 指向會出問題

總結(jié)

以上是生活随笔為你收集整理的Vue 组件的自定义事件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。