Level 6
Just found out, that Caleb made a Livewire-Alpine Plugin which seems to fit for my use case.
I'm trying if this nails it.
Feb 1, 2020
2
Level 6
Combine Livewire component with Alpine
Given, I have a Livewire auto suggest field in a form. And another regular number input field in the same form.
When the user selects an entry from the auto suggest field, I fill hidden input fields in the same Livewire component with additional informations from the dataset the user has chosen. When the user now types something in the regular number input field, I need to do some live calculations in a third input field with values in the hidden input fields from the Livewire component and the regular number input field.
I wanted to do this with Caleb's AlpineJS and tried to address the hidden input fields with $refs. But that was not working. Has anyone an idea, how that can be achieved to reactively getting the values from the Livewire component for calculations somewhere else in the DOM?
Level 16
With the new verson of livewire (2.x), you can use $wire and @entangle to communicate with alpine to/from livewire.
Please check the docs https://laravel-livewire.com/docs/2.x/alpine-js
Also, please add some code if you would like to continue discussing this thread. Thanks.
1 like
Please or to participate in this conversation.