Laravel can not read the user ID
I am using laravel and vue for a project, I want to pass the user id to the table if the user is authenticated, but for some reason the authenticated user's id is not passed to the query giving this…
Javascript – How to use setInterval and clearInterval in Vue.js 3?
I'm writing an application which uses a timer to update variables every second. It uses "setInterval" function to start the timer, and uses "clearInterval" function to stop it. And I don't think I have a good enough way of doing…
Javascript – Manage v-model value in a v-select created in a v-for
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…
Nginx – Use Azure devops release variables group in vue application
I have inherited a project written in Angular with the right configuration to deploy to Azure devops. I have been asked to make a 2.0 version of this project but this time written in Vue. The project is already done…
Html – Invisible v-row in Vuetify
I'm trying to make a simple 9x9 grid with vuetify but the last row is not showing. I can see it in the browser inspector, where it must be placed, but is not showing. Here is mi code: <!-- main.vue…
Laravel got route list issue
I am getting this error: Error: Ziggy error: route 'contract/generatePDF?id=517&pickupKM=0' is not in the route list. but is defined in the web.php: GET|HEAD contract/generatePDF Route::get('contract/generatePDF', [AppHttpControllersContractController::class, 'generatePDF'])->name('contract.generatePDF'); and from the vue I am calling this function: router.visit(route("contract/generatePDF?id="+props.contract.id+"&pickupKM="+pickupKM)); also tried like…
Javascript – What prevents the hiding of a load more button at the right time in this Vue 3 app?
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…
Javascript – VueJs: show a skeleton loader when the image is loading
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…
Javascript – display info of event target is ko
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) =>…
Javascript – A function wrapped in a computed property
I have seen many times how people wrap their function in a computed property to be able to call it with any value. Here is an example <template> {{ myComputedFunction(2) }} </template> <script setup lang="ts"> const refVariable = ref(5) const…