Category "vuejs3"

Why dynamic component is not working in vue3?

Here is a working Vue2 example: <template> <div> <h1>O_o</h1> <component :is="name"/> <button @cli

Vue 3 dynamic components at router level

Dynamic imports is needed for me, eg. i have 10 layouts, but user only visited 3 layouts, I should not import all of the layouts, since its consumed unnecessary

How to use sass global variables from other components in vite/vue3

I want to use and change global variables from other components, my files structure looks like this... enter image description here I have my variables in globa

Watch Vue 3 global variable for changes

I set a provider in my main.ts file: app.provide('currentPage','test1') And then inject it in a component Home.vue: inject: ['currentPage'], I then can update i

How to define `name` and `inheritAttrs` in `<script setup>`?

Options API: <script> import { defineComponent } from 'vue' export default defineComponent({ name: 'CustomName', // 👈 inheritAttrs: f

Configure el-date-picker

Does someone know, how to configure a el-date-picker in element-plus to set the first day of week. The docs say it configurable via day.js but not to use config

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