Questions tagged [alpine.js]
Alpine.js is a minimal framework for composing JavaScript behavior in your markup.
alpine.js
1,092
questions
0
votes
0
answers
10
views
Alpinejs errors when used in Django templates
I have AlpineJS loaded in my Django base.html template, and throughout the app I'm using AlpineJS in my partials. This works locally, but when I deploy I see errors such as:
Alpine Expression Error: ...
0
votes
1
answer
18
views
Choices js with wire:model.live bespoke javascript
I'm currently using choices js for a searchable select but now, when i use it with live:model.live, after my result reload, the select changes to back to a normal select and can't be used as live ...
0
votes
1
answer
26
views
update alpine.js data variable on htmx form submit response
I'm using HTMX and Alpine.js on a form like
<form x-data="{submitted: false}" @submit.prevent="submitted = true" hx-on:htmx:after-request="submitted = false" hx-post ...
0
votes
1
answer
27
views
Alpinejs with HTMX prevents form submit on @click event
Using Alpinejs and HTMX both together.
There is a form that is submitted using HTMX on the form submit event, but I also want to show a spinner on the button and disable the button when the form is ...
0
votes
1
answer
40
views
In Alpine.JS, this.property inside method is undefined
I have a request for help with Alpine.JS
I have a packetaApiKey property defined. When I access it this.packetaApiKey in the pickPoint method, it works as expected. But in the showSelectedPickupPoint ...
0
votes
0
answers
21
views
Unable to add emojis in quill RTE
I am using quill as my RTE in laravel/livewire app. Here is some of my code
I have installed quill-emoji using npm
My view file that loads the quill
<div class="w-full"
wire:ignore
...
1
vote
1
answer
38
views
BladewindUI with Alpine JS
sorry if this is silly to ask but i haven't found any solution to this question of mine. so the code below is i want the page to run something (in this case, just alert on change of select option). if ...
0
votes
1
answer
94
views
Difficulty Sorting Nested JSON Layer Tree with SortableJS in Alpine.js
I'm having trouble sorting my nested JSON layer tree using SortableJS in an Alpine.js application. I have a complex JSON structure representing layers, which can be nested multiple levels deep. My ...
0
votes
1
answer
32
views
Tailwind: dynamic grid columns with no gaps
The documentation is not very clear about all the grid options there.
I have this grid template in alpinejs styling it with tailwind:
<div x-show="multiple" class="w-auto grid mt-3&...
0
votes
1
answer
37
views
Show content if certain checkboxes are checked
I want to show a block of content if certain checkboxes in a group are selected.
This partially works:
<div x-data="{ show: false }">
<div>
<label class="flex" ...
1
vote
0
answers
16
views
i Have a laravel 10 livewire 2 apline.js 2 component search-suggest-dropdown which works but not always giving an error Error evaluating filteredItems
the error is as follows and it only gives it to me lately i worked before and i did not chenge any code since last it worked i just stopped
error
Error evaluating "filteredItems"
TypeError: ...
-1
votes
0
answers
32
views
Laravel Filament: How to get active tab in beforeValidation()
What I am trying to do: I have a Filament Wizard with Steps. In the first Step, I have two tabs:
The first is custom component, where you can select packages.
The second is a custom component, where ...
0
votes
1
answer
58
views
Alpine.js 3.x and Chart.js Integration Error: "Uncaught TypeError: Cannot read properties of null (reading 'save')"
I'm working on a Laravel project where I use Alpine.js for interactivity and Chart.js for data visualization. My setup works fine with Alpine.js 2.8.2, but when I upgrade to Alpine.js 3.x, I encounter ...
0
votes
1
answer
35
views
AlpineJS model not updating via jQuery ajax callback
I am trying to update a checkbox value tied to a AlipneJS data model based on the response of a jquery ajax call.
However it doesn't seem to work when I try to update the data model for the checkbox ...
-1
votes
1
answer
68
views
Laravel 11 mix to vite : Uncaught TypeError: $ is not a function
I'm using Laravel 11 mix and I have a problem with Alpine which is loaded 2 times when I connect on my website in local. If it's possible, I prefer to stay in mix I already tried to go on Laravel vite ...