Category "vuejs3"

Vue3: Uncaught TypeError: 'set' on proxy: trap returned falsish for property 'NewTodo'

I got an error message: Uncaught TypeError: 'set' on proxy: trap returned falsish for property 'NewTodo' That error appear when im trying to reset the input tex

can't use template ref on component in vue 3 composition api

I want to get the dimensions of a vue.js component from the parent (I'm working with the experimental script setup). When I use the ref inside a component, it w

Error TS2322: Type 'Function' is not assignable to type 'string'

I'm trying to do a question answer catalogue that lets me pick questions with their respective answer options from a String Array, however when I try to assign

Vue 3 Composition API - How to specify a prop in setup()

I wrote a "loading state" mixin for Vue 2: export default { props: { loading: { type: Boolean, default: false }, }, data () { retu

Carousel component from bootstrap-vue3 not working

I am creating Vue app with vue3 and using the bootstrap-vue3 package for Frontend. I followed Bootstrap-Vue docs and copied the following code but Carousel does

VeeValidate and YUP async lazy email validation sending requests for every input in form on background

I'm trying to add lazy e-mail unique validator to my registration form. It works but when i type something in other fields (including e-mail field also) unique

how to use Arrow function in a inline event handler [duplicate]

I have this component (vue3+ts) <q-input type="number" filled model-value="Model.Code" @update:model-value="val=>console.log(val)" />

how to use an Emit with a v-model?

i am on Vue3, and i try to catch a value from the child to the parent. So my code is : On the parent : <template> <input-form v-model="valueSuperfici

I need to implement the "Read more" function in some cards in quasar and vue js

I have more than 3 q-cards in quasar that should display more text when the read more button is pressed, but this does it in all the cards and I need it to be i

Uncaught TypeError: this._map is null (Vue.js 3, Leaflet)

I am getting a strange error from Leaflet in a Vue.js project (version 3). If I close a popup and zoom in/out, this error occurs on Firefox: Uncaught TypeError

Vue3 TypeError: template ref.value is null

how can I clean my console from the following error: TypeError: ref.value is null The error comes only with a resize event. Each time I resize the window, I re

vue.js cannot use data property in computed method

I'm trying to use a property of my data in a computed method like this: data() { return { ToDoItems: [ { id: uniqueId("todo-"), label: "Learn

Props gotten directly from vue 3 setup are not reactive

I am writing an application in vuejs and i want to pass prop to a child component but I am getting this error: Getting a value from the props in root scope of

integrate new Vue js 3 app to spring boot/thymeleaf application

I already have an application built with spring boot/thymeleaf as a template engine and everything is working fine, now I need to add new section to the applica

Vue3- Using Vitest toHaveBeenCalled() method

I am running a vue3 application using the Composition API and the setup() hook. I am using Vitest as unit-test framework. (v 0.6.1) I have the following sample

Use filter in Vue3 but can't read globalProperties

Just a quick question, I know that Vue3 doesn't use filters anymore and notes says use computed or methd instead. but also there is a globalProperties we can us

How do I do Vue.set() in Vue 3?

As explained here, Vue 3 has moved a bunch of functions that were available on the global Vue instance. They are now named imports. This leads me to think I sho

How to get the component type in <script setup>?

This code comes from the official documentation and does not use defineComponent() to declare components. I tried and failed, and webstorm failed. //App.vue <

Why Vue3 Composition API - watch’s option deep do not work in reactive, but work in reactive getter?

Arrow function's deep option is work. Raw Reactive Object's deep option is not work. It looks like a bug, why watch’s option deep do not work in reactive,

How to destroy/unmount vue.js 3 components?

I have a fairly large vue.js 2 application that has a dynamic tabs mechanism. Users can interact with the application opening and closing tabs, each tab represe