I have a table of members created by a v-for and some users can manage other members based on their role. I implemanted some check to prevent some role to intervene but the complete list of check is done in…
So I have this component included in my main layout file, it looks like this: <script setup> import {usePage} from "@inertiajs/vue3"; import {computed} from "vue"; const page = usePage() const message = computed(() => page.props.flash.message) if (message) { Swal.fire({ text:…
have developed a laravel intertia vue project to create dashbaord using th following method: composer require laraveldaily/larastarters --dev php artisan larastarters:install Selected option 1, Laravel Breeze & Inertia (Tailwind) Now I pass a shared variable sharedata in HandleInertiaRequests and pass…
I have been working on a news app, using Vue 3 and the News API. I am currently working on a "load more (articles)" functionality. The initial number of articles is 24 and, if the total number of articles is…
I need to check if the image was loaded by the browser and if all data was fetched, then display a content, if not, show <ItemCardSkeleton /> component instead. So if one image is loaded faster than the others, I…
I have a button with id & name that I wanted to display their value but in my code nothing is displayed. what is wrong with it ? <v-btn id="mytest" name="test" @click="addNewEntry">{{'add '}}</v-btn> methods: { addNewEntry() { document.getElementById("mytest").addEventListener('click', (event) =>…
I am using select option for displaying multiple item with a certain value. i test it with span so that i could figure if the value what was i expecting but it doesn't <div class="mb-3"> <label for="warehouse" class="form-label">Warehouse</label><br> <select name=""…
I'm trying to make a preloader as a v-if component on the page for 2 second and than toggle view to another block. But I can't get hoe to write it correctly. Also do I need to add an endSettimeout…
I'm trying to navigate from /checklist/1/item/2 to /checklist/2/item/1 with this.$router.push({ name: 'checklistitem', params: { id: this.id, aid: this.aid } }); This changes the URL in browser, but doesn't load (render) the page with the new data. The router is created…
HelloWorld! I'm coding a Memory Game that display the time you're taking to finish the game. My code provided is just a more basic Vue template of the feature I use, but it's a fairly similar use case. My problematics…