ホームページ  >  に質問  >  本文

vue.js でのイベント ハンドラーの競合

ボタンが 2 つあるページがあります。これら 2 つのボタンを使用して、別のページに移動したいと考えています。

ボタンを 1 つだけ含めると、正常に動作します。 1 つだけ含めると機能します (デバッグ ステートメントで示すように、2 番目のボタンが存在する場合、最初のボタンのイベント ハンドラーは起動されません)。

私の推測では、2 番目のボタンが何らかの形で最初のボタンと競合しているのではないかと思いますが、その理由と修正方法がわかりません。

これらはコードの一部です:

戻るボタン.vue

リーリー

Complete button.vue

リーリー

Page.vue

リーリー

ページ上で ready が false (つまり、完了ボタン が表示されない) の場合、戻るボタン をクリックすると、「B」が表示されます。 ready が true の場合、finishbutton は「F」を出力しますが、backbutton をクリックしても出力は生成されません。

###助けてくれてありがとう。

P粉615886660P粉615886660404日前452

全員に返信(1)返信します

  • P粉819533564

    P粉8195335642023-09-12 10:08:55

    コードにはいくつかの小さな問題がありますが、次のコードは正常に動作します (これが正確にどこから来たのかはわかりません)。

    Page.vue

    リーリー

    BackButton.vue

    リーリー

    FinishButton.vue

    リーリー

    少なくとも、提供されたコード スニペットを使用して問題を再現することはできません。

    返事
    0
  • キャンセル返事