I have a Form component which renders 3 InputContainer components. I want to access the value of the input element on the submit event of the form. Right now, my submitResource function logs the div which contains both label and…
I ran into an issue when using https://www.npmjs.com/package/fast-average-color or any other color library for that matter. I'm trying to calculate average color from an already loaded image. All images load on my website just fine, because I have CORS configured…
I am using Vue JS to create modal in Laravel when i press the button with @click the first time it works but the next time i get an error. Laravel Blade : <div class="col-span-12 mb-5" id="app"> <div class="text-end text-base">…
im trying to use v-if to render 2 buttons in different containers on page, depending on screen size is there way how to change parent of items in @media or way how to use screen size in v-if condition? i…
I have Vue3 with composition api and Inertia with Laravel backend. I am using laravel echo to comunicate with soketi websockets server. This is an SPA (Single page application using Inertia routing) My question is related with ref on templates.…
In vue3, if I have something like this watch(loading, (new_val, old_val) => { // how can I check if this function ran from the immediate being true, or when it changed after the immediate ran? }, {immediate:true}); Is there something…
So I want to achieve what the title says. Let's say I have this structure: parent -> child -> secondChild Now, I have a variable in the parent called isActive for example. I know I can do it like this:…
I have 3 components: Form, Card and Button. First, my Button.vue component: <template> <div> <slot v-bind="{ text }"> <button>{{ text }}</button> </slot> </div> </template> <script setup> const props = defineProps({ text: { type: String, required: true } }); </script> Here…
In my application, there is a form and it has multiple input fields. Those input text fields are visible based on radio selection. Now, i am validating those input fields by passing fieldname and v-model of that particular text input.…
I'm making a project with Vue3 + Vite and trying to set an adaptive src for the img: <img :src="`@img/map_icons/${ currentMap.title }_icon.png`"> In vite.config i've created the alias: '@img': resolve(__dirname, 'src/shared/assets/img') But website doesn't load my img and giving an…