Category "vue.js"

How to add data in an array of Vue.JS from html

Guys I am stuck on my assignment where I am not able to add data from html to the array of VUE.JS I have build this form now what I want is when user complete t

dockerizing Laravel + vue

Trying to migrate my Laravel and Vue code into docker but I am getting an error building the Image This is my docker file # dockerfile FROM php:8-fpm #

Vue CLI HMR not working after upgrading to v5

I'm developing a Django+Vue app using VSCode devcontainers (Docker). I have recently migrated from Vue CLI v4 to Vue CLI v5 following the migration guide. After

Cypress web sockets error: 'Sec-WebSocket-Accept' header is missing

I am trying to test a VueJs application with Cypress. Everything works well except the websocket connection that fails with the message: Error during WebSocket

two nested v-for loops of which the inner one shouldn’t display its element but is needed for getting class attributes

how would we solve having two nested v-for loops (elements), of which one is solely for getting class attributes and shouldn't display its div element? because

VueJS i18n - How to change the variable prefix in translation files

I'm doing an app using Laravel inertia and Vue, we wanted to add i18n to the app and use the same translation files for both laravel and i18n, the problem is th

How to use Axios with Vue 3 Composition API

I am attempting to build a Pokemon filtered search app with Vue 3 and Composition API based on the following tutorial: https://www.youtube.com/watch?v=QJhqr7jqx

Glide JS not displaying images

I'm using Glide JS carousel in a VueJS project to display some images (at least 3), but what happens is that only the first of the three images are displayed, w

bootstrap vue toast disappears immediately

I'm trying to display a message using toast. So I tried all example code on (https://getbootstrap.com/docs/5.1/components/toasts/) here, but when I click the bu

"TypeError: Failed to fetch dynamically imported module" on Vue/Vite vanilla setup

We have a vanilla Vue/Vite setup and I'm receiving TypeError: Failed to fetch dynamically imported module on sentry logs. It seems like the errors are correlate

Fetching image using django-graphql-vuejs apollo

I was wondering how to fetch and/or upload image on django and graphene using vuejs? I can fetch the bookName, author and price however, I'm unable to query boo

Unit test with jest involving a class instance declared within a vue method

I have this logic for temporarily reading and displaying a profile image: setTempProfileImage(file) { if (file) { let reader = new FileReader()

HMR doesn't work since the vue cli plugins update (v5)

Version 5.0.1 Reproduction link github.com Environment info Environment Info: System: OS: Linux 5.13 Ubuntu 20.04.4 LTS (Focal Fossa) CPU: (12) x64 I

Google Chome 99+ DevTools Source Tab not showing VUE file code in Webpack SRC folder

I am sorry if I did not phrase the title well because I am at a complete lost of what the technical terminology is and really how to search for an answer. This

Why does a prop change not change data?

I'm trying to understand why changing a prop, used to provide an initial value, doesn't cause the data variable to change. In the below example, changing the in

How to remove line over the stroke line in area chart - Apexchart?

How to remove line over the stroke line in area chart - Apexchart. the image Please help me to fix this! Here is my code so far <template> <div id="

How can I display a default value if the expected value is null?

Is there away to display a default value if the expected value is null? Ex. <v-card-subtitle class="py-0 my-0">{{ user.name??'n/a' }}</v-card-subtitle&

how to pass variable between to vue file?

how to pass variable between to vue file ? Hello, this is my file SendCode.vue has variable NewEmail which I want to use it in another file changePass.vue . Is

"import not found" for custom types in Vue 3 (with Vite/Vitesse)

I've got a Vue 3 project running Vitesse (a Vite starter). I've added a custom ProductData type to my src/types.ts, but when I try to use it in one of my pages

How to generate a build that exports each file type to its own folder? [duplicate]

I'm using Vite. How to generate a build that exports each file type to its own folder? I need an output similar to this: /dist /styles/*.c