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

Question

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

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

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

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

戻るボタン.vue

リーリー

Complete button.vue

リーリー

Page.vue

リーリー

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

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

Answer 1

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

Page.vue

リーリー

BackButton.vue

リーリー

FinishButton.vue

リーリー

---

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