Member Since 8 Months Ago
1,890 experience to go until the next level!
In case you were wondering, you earn Laracasts experience when you:
Earned once you have completed your first Laracasts lesson.
Earned once you have earned your first 1000 experience points.
Earned when you have been with Laracasts for 1 year.
Earned when you have been with Laracasts for 2 years.
Earned when you have been with Laracasts for 3 years.
Earned when you have been with Laracasts for 4 years.
Earned when you have been with Laracasts for 5 years.
Earned when at least one Laracasts series has been fully completed.
Earned after your first post on the Laracasts forum.
Earned once 100 Laracasts lessons have been completed.
Earned once you receive your first "Best Reply" award on the Laracasts forum.
Earned if you are a paying Laracasts subscriber.
Earned if you have a lifetime subscription to Laracasts.
Earned if you share a link to Laracasts on social media. Please email [email protected] with your username and post URL to be awarded this badge.
Earned once you have achieved 500 forum replies.
Earned once your experience points passes 100,000.
Earned once your experience points hits 10,000.
Earned once 1000 Laracasts lessons have been completed.
Earned once your "Best Reply" award count is 100 or more.
Earned once your experience points passes 1 million.
Earned once your experience points ranks in the top 50 of all Laracasts users.
Replied to Vue Modal Form @submit.prevent Not Working
@aurawindsurfing That didn't seem to help. The form is still submitted without calling my handler and the cancel button onclick still doesn't fire. I was able to print out a vue variable on the modal fine though so this isn't a case of the modal being outside the vue object.
Started a new conversation Vue Modal Form @submit.prevent Not Working
I'm working on an internal Nova tool and I need to protect a delete button with a modal. My problem is I can't get Vue to prevent the submit and instead call my function, or the cancel button action to fire. I've gotten @submit.prevent to work on other forms so I'm not sure what the problem is with this one. Here is my modal:
<div class="vue-portal-target"> <div id="modal-delete" class="modal select-none fixed pin z-50 overflow-x-hidden overflow-y-auto hidden"> <div class="relative mx-auto flex justify-center z-20 py-view"> <div> <form @submit.prevent="deleteOption" class="bg-white rounded-lg shadow-lg overflow-hidden" style="width: 460px;"> <div class="p-8"> <h2 class="mb-6 text-90 font-normal text-xl">Delete Option</h2> <p class="text-80 leading-normal">Are you sure you want to delete this option?</p> </div> <div class="bg-30 px-6 py-3 flex"> <div class="ml-auto"> <button @click="cancelDelete" type="button" class="btn text-80 font-normal h-9 px-3 mr-3 btn-link">Cancel</button> <button type="submit" class="btn btn-default btn-danger">Delete</button> </div> </div> </form> </div> </div> </div> </div>
Started a new conversation Nova:tool Creation/Tool.vue Not Showing Anything
I'm working on creating a custom nova tool. I ran php artisan nova:tool and had some problems with the webpack that I was able to resolve by manually installing them in npm; npm install webpack --save-dev, npm install laravel-mix --save-dev.
I was then able to use npm run dev, prod, and watch without issue.
Now when I navigate to my tool url it just gives me an empty nova page instead of the placeholder blackhole page. I know it's calling the page because if I mess with the line "component: require('./components/Tool')," in the tool.js file I get errors. However, nothing in the file is rendering, and no changes seem to matter.
Any help would be appreciated.
--Update: I was missing the libpng-dev dependency. Once I installed that and remade the tool everything seems to work.