Livewire 및 flatpickr: 빈 데이터 처리 시 변경 사항

Question

면책 조항: Livewire와 flatpickr를 연결하는 방법에 대해 몇 가지 질문이 있다는 것을 알고 있지만 제공된 솔루션은 문제에 접근하는 방식과 매우 다르기 때문에 이해가 되지 않습니다. 그렇긴 하지만 저는 아직 Livewire를 배우는 중이므로 잘못하고 있는 것일 수도 있습니다.

flatpickr를 사용하여 날짜와 시간을 선택하는 Livewire 구성 요소가 있습니다.

으아아아

블레이드 구성 요소에는 flatpickr 초기화를 위한 스크립트 섹션도 있습니다.

으아아아

날짜 선택기가 올바르게 렌더링되었지만 해당 값을 변경하면 클라이언트에서 보낸 데이터가 비어 있습니다.

어떻게 해야 하나요?

Answer 1

Livewire를 올바르게 설정하면 코드가 제대로 실행됩니다.

• Livewire 클래스에 chosendatetime이라는 공공 속성이 있는지 확인하세요 public $chosendatetime;
• updatedChosenDatetime()이라는 함수를 추가하고 dd()를 사용하여 $this->chosendatetime을 인쇄하여 값이 수신되었는지 확인하세요.
• 레이아웃 템플릿에 @livewireStyles和@livewireScripts
를 포함하세요.
• FlatPickr의 JS 및 CSS를 포함했는지 확인하세요

Livewire 클래스의 코드는 다음과 같습니다.

으아악

Answer 2

다음과 같이 div 요소에 wire:ignore를 추가해 보세요.

으아악

이 지시문은 Livewire에 페이지의 이 부분을 건너뛰고 구성 요소가 새로 고쳐질 때 변경되지 않은 상태로 두어야 한다고 지시합니다. 사용하지 않으면 Livewire가 flatpickr 인스턴스를 교체하고 작동을 중지할 수 있습니다.