Alpine.js is a minimal framework for composing JavaScript behavior in your markup.
Questions tagged [alpine.js]
932 questions
0
votes
2 answers
Laravel 7 show correct user on modal (popup)
all
I have an admin panel for my Laravel 7 application and I want to have a popup modal when I hit the edit button. this modal should show the correct user selected but it doesn't ist just showing the last user (user 10 because I have it paginated…
user13444558
0
votes
1 answer
alpine.js - populating form data with button
I am trying to use alpine.js to update a form's action, and am running into some confusion.
My code:
0
votes
1 answer
How do I prevent @click event when triggering @touchstart via alpine.js
I am using alpine.js with the following code:
My Link
...
function myFunction(ev) {
console.log(ev.type + ' -> myfunc');
}
I am expecting the console…
umphy
- 126
- 1
- 10
0
votes
1 answer
Return submitted POST data with Alpine.js and new FormData()
I'm attempting to POST some form data, using Alpine.js, to the current page which would then be used by PHP $_GET to run some functionality.
It seems to be returning the entire page in the response, rather than the form data (which then errors out…
John the Painter
- 2,495
- 8
- 59
- 101
0
votes
1 answer
AlpineJS - autoselection doesn't work when there is more than one todo
I'm making a little todo app in AlpineJS and I'm running into a problem of autoselecting a field when a user clicks on a todo. This problem only happens when there are multiple todos.
When the user enters the first todo onto the app, they can then…
Student22
- 1,979
- 5
- 22
- 33
-1
votes
1 answer
AlpineJs/Laravel - How to take value of tag and pass it to controller
I am new to working with Alpine JS and Laravel. I want to take the value of :value and pass it to a controller so I can do a query with it. Is it possible to query and display the data asynchronously via alpine? Or would adding a button to display…
John Lyons
- 9
- 4
-1
votes
1 answer
Alpinejs store value display on change
I have two Apine components [app1, app2] on change in app1 component storing the date value in Stores and in app2 component trying to show the stored date value. it is not showing on update.
code sandbox link
date1:
…
user2718043
- 21
- 1
-1
votes
1 answer
How do I use a liquid object array in alpine x-data?
I am actually building a custom shopify theme using tailwind-css and alpinejs.
Pls Look at the code below. I am trying to use the array output of {{product.media}} in the x-data component so I can use it to implement a product page carousel ..
oscar
- 1
- 2
-1
votes
1 answer
Change value of variables based on condition
Using AlpineJS I need to change the values of 1 or 2 variables based on a condition:
However this is not working. Can this be done inside x-on:click?
Miguel Moura
- 36,732
- 85
- 259
- 481
-1
votes
1 answer
Use JS function from external JS file
Using AlpineJS I have the folowing HTML and JS: