Livewire.dispatch 데이타 전달하기

데이타를 전달할때 항상 기억해야 할 것이 있다. 하나의 매개변수만 전달해야 한다는 것이다.

 

 

    <script>
        function stockListForm() {
            return {
                openAddToCategoryModal(code, name) {
                	
                    // 이런식으로 전달이 안된다. (X)
                    // Livewire.dispatch('my-stock-ctg:open-modal', {code: code, name: name});
                    
                    // 하나의 매개변수로만 전달해야 함 (O)
                    Livewire.dispatch('my-stock-ctg:open-modal', { data: { code: code, name: name } });
                    window.dispatchEvent(new CustomEvent('open-modal', { detail: { modalId: 'my-stock-ctg-modal' } }));
                    
                    // 순서가 중요한다. 모달창을 먼저 실행시키면 안됨 (X)
                    window.dispatchEvent(new CustomEvent('open-modal', { detail: { modalId: 'my-stock-ctg-modal' } }));
                    Livewire.dispatch('my-stock-ctg:open-modal', { data: { code: code, name: name } });
					
                    // 먼저 이벤트를 실행시키고 모달창을 열어야 한다. (O)
                    Livewire.dispatch('my-stock-ctg:open-modal', { data: { code: code, name: name } });
                    window.dispatchEvent(new CustomEvent('open-modal', { detail: { modalId: 'my-stock-ctg-modal' } }));

                }
            }
        }
    </script>