F
Filament•14mo ago
Arnaud

Hide form loose state

I have a livewire component who own many sub components. If I do something like that : 
@if($step === 2)
    <div> 
        <livewire:sub-component />
    </div>
    @endif
@if($step === 2)
    <div> 
        <livewire:sub-component />
    </div>
    @endif
Every time I change step, I will get many error messages in console : 
Uncaught ReferenceError: state is not defined
Uncaught ReferenceError: state is not defined
Any idea how to completely hide from page a form and reshow it without problem ?
Solution:
You can't do that since the state wouldn't be there as livewire puts the states into the application on boot/mount. How big is the form? could you load it but hide it so livewire is aware but it's hidden?
Jump to solution
2 Replies
Solution
toeknee
toeknee•14mo ago
You can't do that since the state wouldn't be there as livewire puts the states into the application on boot/mount. How big is the form? could you load it but hide it so livewire is aware but it's hidden?
Arnaud
ArnaudOP•14mo ago
Thank you for your feedback. I will try to simply hide it with css. Works well, no more errors ❤️ Have a nice day

Did you find this page helpful?