Vue.js 3 Composition API를 사용하여 구성 요소가 표시될 때 이벤트를 트리거합니다.

Question

내 애플리케이션에는 버튼과 변수를 통해 표시/숨겨지는 일부 구성 요소가 있습니다(예: v-show="variable"). 버튼은 이러한 변수를 true/false로 설정하고 웹용으로 이러한 구성 요소를 처리합니다. 다른 페이지에서 웹사이트를 탐색하는 것과 같습니다. 내가 원하는 것은 구성 요소가 페이지에 표시될 때 함수를 호출하는 방법입니다. 예를 들어 무작위로 2명의 플레이어를 선택해 게임을 시작하고 싶은 경우, 게임판이 표시될 때 플레이어가 2명일 때만 메시지나 경고가 표시됩니다. 중요한 것은 그 경우에 이벤트가 발생했다는 것이고, 이전에는 아닙니다. 내 생각은 구성 요소의 스크립트 부분에 함수를 두는 것입니다.

function Something() { 경고("hello") }

그런 다음 다음과 같이 말할 방법을 찾으세요.

구성요소가 표시될 때 -> if (player == 2) { Something() }

제가 부족한 점은 "구성 요소가 표시되는 시기" 부분을 결정하고 처리하는 방법입니다. 나에게 가장 적절한 논리는 onMounted, onRendered(개발 환경에서만 작동한다고 읽었음) 및 onActivated를 사용하는 것 같지만 제대로/전혀 작동하지 않는 것 같습니다.

Answer 1

방법을 찾았어요. 문제는 onMounted和v-if结合使用。我正在检查代码，看看是否可以使用v-if而不是v-show，我记得我故意选择使用v-show와 함께 작동하여 구성 요소를 처리하지만 이 경우 구성 요소를 변경해도 문제가 되지 않을 수 있다는 것입니다.