Category "vuejs3"

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

Props typing in Vue.js 3 with TypeScript

I'm trying to type hint my props in a Vue 3 component, with composition API. So, I'm doing this: <script lang="ts"> import FlashInterface from '@/interfac

How to call method in setup of vuejs3 app?

In vuejs3 app I retrieve data from db with axios in method, like : <script> import appMixin from '@/appMixin' import app from './../../App.vue' // esl

Vue3 Creating Component Instances Programmatically on button click

In vue2 it was be easy: <template> <button :class="type"><slot /></button> </template> <script> export default { name:

Okay to Paste-in Package-Lock.json from 19 Hours Ago to Fix "ValidationError: Progress Plugin Invalid Options" (Vue 3)?

I'm using Vue 3 and I pushed a version of my project that was working well to GitHub 19 hours ago. About 5 hours later, the problem below occurred when I entere

How to create a global modal to show message when needed in any component in Vue3?

I want to create a global component to show error message or info message in Vue 3, like Alert or Comfirm Modal. In Vue2, I can do this, create a plugin like th

props keep showing as $attrs in VUE DEV TOOLS

enter image description hereenter image description here My props keep showing as $attrs in VUE DEV TOOLS I have tried disabling attrs using inheritAttrs: false