Category "vue.js"

Getting error: Error: _ctx.openNote is not a function when I attempt to click a note to view

I stared from scratch with my notepad app, found here: Issues with data bind in vue.js and events The issue was I can not seem to click on the note from NoteLis

Vue How to fix 404 error when using nuxt proxy and nuxt axios

In my vue-app I'm using the @nuxtjs/proxy together with @nuxtjs/axios but for some reason I don't know, I always get an Request failed with status code 404 -err

Q: OAuth2 for Imgur giving me over capacity status 500 error

I am trying to follow a tutorial for an image upload application For Vue.js however I am unable to authenticate with OAuth2 for Imgur. I am following exactly wh

vue-chartjs v4 reference to the chart object

chartjs v3.7.1 vue-chartjs v4.0.4 in version 3 of vue-chartjs, I could reference the chart object with this.$data._chart because the component is extends from

what does " || " mean inside an array of function/strings [duplicate]

i'm reading about a ui framework (quasar) and they have a component (q-input) that have a prop(rules) of type array of function/strings <q-

what does " || " mean inside an array of function/strings [duplicate]

i'm reading about a ui framework (quasar) and they have a component (q-input) that have a prop(rules) of type array of function/strings <q-

Failed to access formData in Django. Uploading Files With VueJS and Axios + Django

I have used code of Uploading Files With VueJS and Axios. I am using backend code Django uploaded images save into database. In after submit and before submit i

Add close button to Calendly pop up in Vue js

I am using Calendly for the appointment booking system. Is there any way that I can add a close button to calendly popup widget? This is my ModalCalendly.vue &l

Quasar: build with development mode

I have in quasar.conf.js env settings with something like this: env: { API_URL: ctx.dev ? 'https://dev.apis.test.io/v2/' : 'https://apis.test.io/v2/'

How to scroll while selecting items with mouse in vue

Hi i'm facing the very challenging & interesting problem of scroll during selection of items with mouse drag in both direction i,e up and down here is a sc

How to access a injected repository from a component's method

Lets say we injected this repository on a plugin/service-container.js import nodeFetch from 'node-fetch' import { AbortController as NodeAbortController } from

How to make nested properties reactive in Vue

I hava a component with complex nested props: <template> <div> <a-tree :tree-data="data" :selected-keys="[selectedKey]" @select="onSele

Getting : npm WARN using --force Recommended protections disabled

I have an old Nuxt.js package that was developed in Node 12 and I want to use it now with Node 16 (the latest stable) but when I try to install my packages by n

Vue CLI 5 with Vuetify SCSS variables and CSS imports

I work for an organization that try to migrate a project from Vue CLI 4 to Vue CLI 5. The project uses Vuetify and we have SCSS files that are used in the style

How to fix 400 error bad request in socket io?

I have a frontend application(VUE JS) I have a backend (Nest JS) Vue JS app get data from backend via websockets using vue-socket.io-extended library When Vue J

There are two elements in <template> when I creat a new Vue3 project, and my VScode warning

Guys i'm in the transition from vue2 to vue3. As i know in vue2 you can't put more than One element in <template></template> But when i create a n

Vue3 - Ace Editor on v-model change

I am using Ace Editor with Vue3: <v-ace-editor v-model:value="currentRecord.prompt" lang="json" theme="textmate" style="height: 100%;" :o

Unable to integrate Stripe checkout into Vue JS app

I am trying to redirect to stripe checkout using a click event that calls the payStripe function <button @click="payStripe" class="btn btn-primary" type="but

vue.runtime.esm-browser.js does not render Vue 3 components

I created a vue 3 project using Vue cli. I am using a webpack config to manage my build. When I point my vue bundle to vue.runtime.esm-browser.js, then I get a

CORS problem on production (FLASK on docker, VUE static, NGINX)

All is working Ok on develop (tipical) I have flask app (API) docker, postgres docker and VUE app (FRONT). Deployed on production (AWS instance with nginx). Fla