vue.js에서 충돌하는 이벤트 핸들러

Question

버튼이 두 개 있는 페이지가 있습니다. 이 두 버튼을 사용하여 다른 페이지로 이동하고 싶습니다.

버튼 중 하나만 포함하면 제대로 작동합니다. 하나만 포함하면 작동합니다(디버그 문으로 보여주겠지만 두 번째 버튼이 있으면 첫 번째 버튼의 이벤트 핸들러가 실행되지 않습니다).

두 번째 버튼이 어떤 면에서 첫 번째 버튼과 충돌하는 것 같은데, 이유와 해결 방법을 모르겠습니다.

다음은 일부 코드 조각입니다:

뒤로 버튼.vue

으아아아

버튼 완료.vue

으아아아

Page.vue

으아아아

페이지에 ready为假（因此完成按钮不可见），则单击后退按钮会打印“ B”。如果 ready 为 true，finishbutton 会打印“F”，但单击backbutton가 있으면 출력이 생성되지 않습니다.

도움을 주셔서 정말 감사합니다.

Answer 1

코드에 몇 가지 사소한 문제가 있지만 다음 코드는 정상적으로 실행됩니다(정확히 어디에서 발생하는지 확실하지 않음).

Page.vue

으아악

BackButton.vue

으아악

FinishButton.vue

으아악

---

적어도 제공된 코드 조각을 사용하여 문제를 재현할 수 없습니다.