Vue でイベント リスナーを削除する 2 つの方法: v-on ディレクティブを使用します。最初にリスナーを追加し、次に v-on または @ ディレクティブを使用してその値を null に設定し、削除します。 $off() メソッドを使用します。イベント名とハンドラー関数を指定して、Vue インスタンスからリスナーを直接削除します。
Vue でイベント リスナーを削除する 2 つの方法
方法 1: 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()
v-on The code>ディレクティブはイベント リスナーを動的に追加または削除できます。 🎜rrreee🎜 リスナーを削除するには、<code>v-on
短縮形 @
を使用し、その値を null
に設定します。 🎜rrreee🎜🎜方法 2: $off()
メソッド 🎜🎜🎜$off()
メソッドを使用して、Vue インスタンスからイベント リスナーを削除します。 🎜rrreee🎜 このうち、'click'
がイベント名、this.handleClick
がイベント処理関数です。 🎜🎜🎜削除方法の選択方法🎜🎜v-on
ディレクティブを使用する方が便利です。 🎜$off()
メソッドを使用する方が適切です。 🎜🎜以上がEventEmit は vue で定義されたメソッドを削除しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。