UniApp を使用してアプリケーションを開発する場合、次のエラー メッセージが表示される場合があります。「xxx」イベントはバインドされていません。これは UniApp のイベント バインディング メカニズムが原因で発生するため、この問題を解決するにはこのメカニズムを正しく設定する必要があります。
1. 問題の原因
UniApp では、ページ コンポーネントのイベント バインディングは v-on 命令によって完了します。たとえば、テンプレートにボタン コンポーネントを追加します。
このうち、@click は v の省略形です。 -フォーム上で。
ただし、ページ内のコンポーネントのイベント コールバック関数を設定しても、テンプレートに v-on ディレクティブを追加するのを忘れた場合、「xxx」イベントがバインドされていないことを示すエラー メッセージが表示されます。 。
2. 解決策
1. v-on ディレクティブの追加
テンプレート内のコンポーネントに正しい v-on ディレクティブを追加します (例:
##) # このようにして、onClick メソッドがトリガーされ、バインドが成功します。 2. 動的イベント名を使用する場合によっては、さまざまな条件に従ってイベント名を動的にバインドする必要がある場合、動的イベント名を使用して問題を解決できます。例: このうち、eventName は変数であり、さまざまな条件に従って動的に割り当てられます。 , onClick はメソッド名であり、バインドされたイベント名も動的です。これにより、v-on ディレクティブの追加を忘れることによって発生するエラーの問題を回避できます。 3. デフォルトのイベント名を設定するコンポーネントにデフォルトのイベント名を設定して、対応する v-on ディレクティブが設定されていない場合でもデフォルトのイベント応答をトリガーできるようにすることもできます。テンプレートに機能を追加しました。例: デフォルトのエクスポート { メソッド: {
onClick() { console.log('点击事件触发') },
プロパティ: {
eventName: { type: String, default: 'click', },
}
以上がUniApp エラーの問題を解決します:「xxx」イベントがバインドされていませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。