Category "vuejs2"

Nuxtjs/Vuejs CSS styles are conflicting for 2 components

I have 2 different components in my Vuejs/Nuxtjs application: pages/Create.vue and pages/Design.vue. I have the stylesheet assets/css/styles.css. Within the sty

Nuxt 2 & Vuelidate 2 not working properly

I have installed vuelidate 2 to validate forms in my NuxtJS project. I followed instructions for installation and setup according to vuelidate documentation. Th

Adding class to element in v-for loop

I have a v-for loop, and I wanna make background: red; by adding a class. But when I click my action button it coloring all indexes. My goal is if I have 3 elem

Vue 2 Reactivity: computed property doesn't trigger DOM update [closed]

I have a computed property based on some nested object properties. When the object gets changed, the computed property seems to update (In vu

VueJS access select options inside v-for from parent

I'm having a firstName and a lastName value inside my state that I need to get from my select to make an API call. But when I try to get the value of the firstN

Vite outDir outside of the project root

I am building Vue3 project with Vite and I am using Vite build.outDir option to build the project outside of the Vue3 app root. This is my project structure, wh

Appending multiple Vue2 components from ajax html response not working

I'm trying to append multiple vuejs components with jquery ajax, but it's not working. It all works fine, until response returns more than one component, or com

How to get key json value in row click event in Vuejs?

I have a very specific question if anyone knows how to do that. I am using a v-data-table component and fill the data with a json retrieved from backend with :i

Leaflet map object undefined inside GET request with axios

I am using the Vue framework in combination to create a frontend showing a map --> vue2-leaflet Inside a GET request using axios i want to set the data for a

'Object(...) is not a function' in Amplify Authenticator in vue2

I would like to use the AWS Amplify Authenticator in a js vue2 app. The manual that I used can be found here: https://github.com/aws-amplify/amplify-ui/tree/leg

array.slice strange behaviour with nuxt-edge

EDIT AND SOLVED: I've found the origin of the problem: I thought arr.slice returned the new array but, actually, it returns the deleted element. See the documen

Rescaling content within an iFrame

I have an iframe, which takes another page and displays it. However, the content within this iFrame becomes unreadable if I move from a external computer monito

Does anyone know how to get around Vuex getters not having a cache

My front end will be connected to great backend later right now it is extremely difficult to test my codes because vuex getters and setters do not cache data. S

Direct url with hash value does not work with vue-router

Navigating to url: site.com/#locallink 'redirects' to site.com, first time entered in the browser - in other words, does not jump to the anchor. If I simply re-

How to use SwiperJS (npm package) in VueJS (CDN)

I have basic problem, but i don't know, how to solve it. I am using Twig templates, where SwiperJS is installed via npm. I import all Swiper dependencies which

Issue upgrading XState's Reddit sample from Vue 2 to Vue 3

After reading the XState documentation I followed the Reddit sample found at the official guide, here: https://xstate.js.org/docs/tutorials/reddit.html I was tr

How can I use Vuelidate to validate an empty collection?

I am trying to use the same form for create and update. Everything is working great when I am updating an existing location. It's when I am creating a new locat

how to get list of product under category in vue js

Hello I'm new to vue and I have a list of json data which has a list of products under category, please how do I get to display a product under each category H

Vue app shows blank when accessing through network on development mode. Seems like it's not rendering

I'm building a website using VueJs and it works perfect with no errors on the localhost, and I can access it locally in the same computer using the IP address a

Ability to load component while axios

Is it possible to do the following: There is a spinner component. axios: method() { SPINNER (component) -- on axios.get('/shop', { params: