Vue.js 3 v-for로 인해 Tailwind/Flowbite 모달 기능에 문제가 발생함

Question

vue.js의 for 루프를 사용하여 행이 생성된 테이블에서 tailwind 패턴을 호출하려고 하는데 v-for 패턴을 호출할 수 없습니다. 그러나 내가 생성한 테이블에는 for 루프가 없으며 제대로 작동합니다. 코드는 다음과 같습니다.

테이블 코드(v-for 루프 사용)

으아악

모달 코드(루프/테이블 외부)

으아악

Answer 1

귀하의 시나리오에는 필요하지 않다고 생각합니다. data-modal-toggle 대신 Viewmodal에서 모달을 켜보세요.

으아아아

여기에서 자세한 구현을 볼 수 있습니다: https://flowbite.com/docs/comComponent/modal/#example