Category "laravel-livewire"

How to re-init the AlpineJS component after Livewire re-renders?

I have an alert component that I hide using AlpineJS but I want it to be visible again after Livewire re-renders. Showing the alert using Livewire component @if

Livewire ignore does not receive correct data

I'm using selectize.js for dropdown styling with livewire. I'm using livewire for a data table with sortable columns and pagination. The issue is, every time I

Pikaday DD/MM/YYYY format opening as MM/DD/YYYY

I have a blade component with the following alpine code <div x-data="{ value: @entangle($attributes->wire('model')), picker: undefined }" x-init="new Pika

Laravel Livewire Mixed Content error in production

I deployed a Laravel-Livewire on Digital Ocean and now I'm having a Mixed content problem when I try to upload a file. Here is the error: UploadManager.js:131

Why the jetstream modal is always setting on true and the close button is not working

I am struggling with Jetstream modal dialog here is my code: in my component I have the following: public $ModalFormVisible=false; public function ShowReportM

Laravel Livewire: jQuery not working in child component loaded via @if statement

I'm using Laravel 8 and PHP 8 and livewire 2. I have a Fullpage Livewire component. I have a button, to toggle a simple flag between false and true. <Button

how to set value to input type="text" in laravel livewire inside "foreach"

I have this code in blade I try to set value of item quantity to input type="text" which inside @foreach ..... @endforeach for updating value each one alone. @f

How in Laravel run JavaScript code stored in php variable?

In the livewire component, I have the script tag: <script> {!! $script !!} </script> Let's say the $script variable contains console.log('test'); I

laravel livewire pre selected multiple checkbox get and update value

Basically, I am trying to make a multistep form like google forms and using livewire. By saving each single page data on next click. on some page, I am trying t

Laravel Livewire pagination with bootstrap links not displaying

I'm using Laravel Livewire with bootstrap 4. I'm trying to use pagination but the links aren't displaying at the bottom of the table. I don't think the issue is

Livewire and Flatpickr - fails after rerender

This may be a basic question, but I'm struggling. Essentially I have a livewire component that updates an array of flight information that a user enters. Whenev

Using Repository in edit method Repository is null

With laravel 7 /livewire app I make crud using Repository and I got listing of data ok, In mount event I assign protected var $FacilityRepository , which works

Laravel livewire Undefined type 'Livewire\Component'

after i added livewire using composer require livewire/livewire and creating new livewire component using php artisan make:livewire search I keep getting an er

Tailwind Flowbite modal issues on Livewire action

I'm having a real hard time using Flowbite's modals with Livewire. I have a Blade view restaurants.index rendering the x-layout Blade component, calls the <l

Failing validation doesn't stop code execution in livewire component

I'm trying to show a list of models. Having a text filter posed no problem but when trying to add a year filter, problems started occurring. If a non-numeric va

laravel Livewire wire:click not firing the function

I want to do a SPA with laravel livewire, i want to use wire:click to fire a funtion in the component but it not working , excuse me if the code mess its my fir

Alpine doesn't work for me on IOS (Safari and chrome)

I have a project with the TALL stack without any extra dependencies, it runs perfectly on Android and Windows, on chrome and edge. But in IOS, Safari or chrome

x-bind with forwarded wire:model in a template element

Consider the following, in a blade template: <template x-for="(product, index) in getProducts()" :key="index"> <li class="flex items-center px-1 py

Other Categories