EventEmit supprime la méthode définie dans vue

Deux méthodes pour supprimer les écouteurs d'événements dans Vue : utilisez la directive v-on : ajoutez d'abord l'écouteur, puis utilisez la directive v-on ou @ pour définir sa valeur sur null pour le supprimer. Utilisez la méthode $off() : supprimez l'écouteur directement de l'instance Vue, en spécifiant le nom de l'événement et la fonction du gestionnaire.

Deux méthodes pour supprimer les écouteurs d'événements dans Vue

Méthode 1 : Utilisez la directive 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()

Utilisez v-on Le code> La directive peut ajouter ou supprimer dynamiquement des écouteurs d’événements. 🎜rrreee🎜Pour supprimer un auditeur, utilisez le raccourci <code>v-on @ et définissez sa valeur sur null. 🎜rrreee🎜🎜Méthode 2 : utilisez la méthode $off() 🎜🎜🎜$off() pour supprimer les écouteurs d'événements de l'instance Vue. 🎜rrreee🎜Parmi eux, 'click' est le nom de l'événement, et this.handleClick est la fonction de gestion des événements. 🎜🎜🎜Comment choisir la méthode de suppression🎜🎜

• Si l'écouteur d'événement est ajouté dynamiquement dans le modèle de composant, il est plus pratique d'utiliser la directive v-on. 🎜
• Si l'écouteur d'événements est ajouté manuellement dans l'instance du composant, il est plus approprié d'utiliser la méthode $off(). 🎜🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!