I'm passing data to Modal for editing. The problem is whenever my products data is updated (Every 5s via fetchData), input field in modal also changed. How to prevent it? Below is a simplified version of my code. <div id="app">…
An application has some buttons on a screen that should execute different functions when clicked. It goes like a little like this: <template> <ul> <li v-for="MenuItem in MenuItems"> <button type="button" @click.prevent="handleClick({Function: MenuItem.Function.Name, Params: MenuItem.Function.Params })"> {{ MenuItem.Label }} </button> </li>…
I use Laravel, Inertia and Vue. When I submitted the form, the page returned a 404 not found window and the console said POST http://127.0.0.1:8000/admin/sparepart 404 (Not Found) I don't know if it's because of an error in the route…
I have an object that is generated in php that looks something like: Object { 1: {…}, 2: {…}, 3: {…} etc..} It is sent from the backend to the vue.js frontend, where it's iterated through and put into some…
I'm working on a project with Laravel Mix, Vue.js and Bootstrap 5.3 About laravel mix: const mix = require("laravel-mix"); const path = require('path'); require("mix-env-file"); require("laravel-mix-workbox"); mix.js('resources/js/app.js', 'public/js') .version() .vue() .sass('resources/sass/app.scss', 'public/css') .sourceMaps() About app.scss @import "~bootstrap/dist/css/bootstrap"; ... custom things Vue.js…
I have a process which have many steps. Each one is implemented in a different component. Initially I had this code: <template> <template v-if="process.currentStep === 0"> <Step0 /> </template> <template v-else-if="process.currentStep === 1"> <Step1 /> </template> <template v-else-if="process.currentStep === 2">…
I have a project with Laravel v6 (mix) and vueJs v2 It has LCP error My website LCP is a hero image that I used it like this <picture> <source media="(min-width: 1536px)" :srcset="getAssetPath('/v2/assets/images/home-new.webp')" type="image/webp"> <source media="(min-width: 1280px)" :srcset="getAssetPath('/v2/assets/images/home-bg-1535.webp')" type="image/webp"> <source…
I´m creating a CRUD with vue in laravel using laragon, but I have an error creating storage routes for images, I already create the symbolic link in the public file and instead of getting the images stored in that file,…
When running the project on local whether in dev or prod mode using whether npm run dev or npm run build followed by npm run preview respectively it works just fine on my local machine, When deploying the app in…
I'm using Laravel and Vue, in the blade template I'm calling a Vue component which I'm passing some props too, to try and be able to update the background image depending on window width: Blade Template: <component bg="{{ asset('/images/desktopBG.webp') }}"…