Category "vue.js"

Can I enforce a date within a range in a vuetify.js v-text-field for a date

I have the text field below with a date in it, the user should be able to enter in by hand. With the enforced format MM/DD/YYYY Question - is there a way to en

Component name "Temp" should always be multi-word vue/multi-word-component-names

I am new In Vue.js Technology. I am getting an error while running my Vue application. Don't know where I am wrong, please try to fix my error. This is the Temp

How to maintain proper typescript type on Vue component data?

I'm working on a Vue project that I'm updating to Vue 3 with typescript. I've found a strange behavior with the typescript parser/compiler. I have the followin

How to evaluate Vue.js component props in the data property?

I have 2 components: Post and Comments. Inside Post component, there is Comments component that has 3 props: postId, numCom (number of comments) and comments (

Property 'XXX' does not exist on type 'CombinedVueInstance<Vue, {}, {}, {}, Readonly<Record<never, any>>>'

I created a vue component with TypeScript, and I'm getting this error in data() and in methods(): Property 'xxx' does not exist on type 'CombinedVueInstance<

Vue3 webcomponents production build problem

I'm trying to migrate my vue2 webcomponent to vue3, although the problem comes when i'm creating a build for production. I was using the vue-cli with --target w

Does Vue 3 Teleport only works to port outside vue?

Vue 3 has a new Teleport feature which replaces the portal-vue plugin in vue 2. However, I found that it is impossible to port a component to a place that is co

vue-router : router-link not working

I'm trying to use vue-router and router-link. When I click on the link, the URL updates correctly, but nothing is loaded into <router-view></router-vie

Could vue3 <script setup> use component is, how to make it work?

I am new beginner of vue3 and found that vue have three way to write component: <script setup> normal-setup/composition api options api. I know how to use

How do I create a simple 10 seconds countdown in Vue.js

I want to do a simple countdown from 10 to 0 I found solution online using normal javascript but let say I want to do it in Vue . The solution in Jquery Cre

Is it possible to access data / html context from root Vue 3 component

I have used Vue in the past but am struggling with how to pass information / args to a root Vue 3 component. In my html, I'd like to have something like this:

How to use google recaptcha in nuxt?

I am using nuxt and would like to use this library: https://github.com/nuxt-community/recaptcha-module. But I don't understand how to verify that the user has p

Django REST: Files\Images Uploading

Im want to upload an image using Vue.js and Django-rest. And have few problems with it. Im trying to use put request (as in docs) and FileUploadParser for it,

Docker build error duplicates of file paths not supported

This is my Dockerfile codes: FROM node:16.10-alpine3.12 as base RUN apk update RUN apk add git WORKDIR /app COPY package.json . FROM base as builder RUN npm i

CORS error even after setting Access-Control-Allow-Origin or other Access-Control-Allow-* headers on client side

I have a Vue application generated with webpack-simple option. I am trying to make a GET request to https://api.forismatic.com/api/1.0/?method=getQuote&form

Call mixin function from asyncData() method of the page component with Nuxt.js

Can I call mixin function from asyncData() method of the page component with Nuxt.js? My code: <template> ... </template> <script> impo

EmailJS - Vue.js 2 and TS

I'm sorry, but I didn't find some similar issue on the web Here is my problem, I tried to make a form to get contacted from an app. I code with Vue.js 2 and Typ

Vue Dynamic Layouts mounting router-view component twice

I setup my Vue project to use dynamic layouts - that is, layouts that persist from page to page, assuming the layout for the new page is the same as the last pa

Accessing Set-Cookie value from response.headers in axios

I am using VueJS and Axios to send a request like this: axiosAPI.get('/login/flows', {params: {id: 'string'}}) .then(res => { co

The return type of an async function must be the global Promise<T> type

Why does TSlint still says "The return type of an async function or method must be the global Promise type"? I can't understand what's wrong. UPDATED: