EventEmit mengalih keluar kaedah yang ditentukan dalam vue

Dua kaedah untuk mengalih keluar pendengar acara dalam Vue: gunakan arahan v-on: tambah pendengar dahulu, dan kemudian gunakan arahan v-on atau @ untuk menetapkan nilainya kepada null untuk mengalih keluarnya. Gunakan kaedah $off() : alih keluar pendengar terus daripada contoh Vue, nyatakan nama acara dan fungsi pengendali.

Dua kaedah untuk mengalih keluar pendengar acara dalam Vue

Kaedah 1: Gunakan arahan v-on v-on 指令

使用 v-on 指令可以动态添加或移除事件监听器。

<code class="html"><button v-on:click="handleClick">按钮</button></code>

要移除监听器，可以使用 v-on 指令的简写形式 @，并将其值设置为 null。

<code class="html"><button @click="null">按钮</button></code>

方法 2：使用 $off() 方法

$off() 方法可以从 Vue 实例中移除事件监听器。

<code class="js">this.$off('click', this.handleClick);</code>

其中，'click' 是事件名称，this.handleClick 是事件处理函数。

如何选择移除方法

• 如果事件监听器是在组件模板中动态添加的，则使用 v-on 指令更方便。
• 如果事件监听器是在组件实例中手动添加的，则使用 $off()

Gunakan v arahan boleh menambah atau mengalih keluar pendengar acara secara dinamik. 🎜rrreee🎜Untuk mengalih keluar pendengar, gunakan singkatan v-on @ dan tetapkan nilainya kepada null. 🎜rrreee🎜🎜Kaedah 2: Gunakan kaedah $off() 🎜🎜🎜$off() kaedah untuk mengalih keluar pendengar acara daripada tika Vue. 🎜rrreee🎜Antaranya, 'click' ialah nama acara dan this.handleClick ialah fungsi pengendalian acara. 🎜🎜🎜Cara memilih kaedah pengalihan keluar🎜🎜

• Jika pendengar acara ditambah secara dinamik dalam templat komponen, lebih mudah untuk menggunakan arahan v-on. 🎜
• Jika pendengar acara ditambahkan secara manual dalam contoh komponen, adalah lebih sesuai untuk menggunakan kaedah $off(). 🎜🎜

Atas ialah kandungan terperinci EventEmit mengalih keluar kaedah yang ditentukan dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!