Skip to main content

All Questions

0 votes
0 answers
43 views

How to render dynamic templates in Vue3

I have this component which I used in vue2 to render templates dynamically. But this stopped working in vue3. I have the code as below. import { defineComponent, h } from 'vue' import { } from '...
Abdul Kadir Khan's user avatar
0 votes
0 answers
41 views

Why does update in parent component establish reactivity with AG grid?

I'm playing around with Vue Data Grid (AG Grid) and stumbled across a strange behavior wrt reactivity, exemplified by the following minimal component App (plain JS): <script setup> import {...
bisgardo's user avatar
  • 4,668
-1 votes
1 answer
39 views

Vue.js 3 - pass contents of a component's slot to another slot outside it

I have a component Foo with the following contents: <Bar> <template #option="slotProps" v-if="$slots.option"> <slot name="option" v-bind="...
armandino's user avatar
  • 18.6k
0 votes
1 answer
34 views

Dynamically loading components based on tag-name

I'm trying to automatically load components from a URL while parsing HTML templates, based on tag names. i.e. If an tag name ends with Component (like xxxComponent) this is a component which should be ...
user1243815's user avatar
0 votes
1 answer
44 views

cases for using $event as param of a function

I have a basic question related to argument of a function. when emitting an event from a child to a parent or when triggering a click event, I've seen in somme cases the add of $event as a parameter ...
ftouh yaham's user avatar
0 votes
1 answer
73 views

How to wait for an external script to be ready in Vue 3?

I am trying to integrate Google Pay as a component in an application. I need to load the Google Pay Javascript file before I perform any actions. This is what I am doing: onMounted(()=>{ const ...
volume one's user avatar
  • 7,583
0 votes
1 answer
53 views

How does one resolve this: 'Uncaught ReferenceError: Cannot access 'NavBar' before initialization'?

<template> <nav class="navbar navbar-expand-lg bg-body-tertiary"> <div class="container-fluid"> <router-link class="navbar-brand" ...
Kishan Bisht's user avatar
0 votes
0 answers
41 views

Vue modal adding chapter of same subject

<template> <div class="container mt-5"> <div class="row"> <div class="col-md-4 mb-4" v-for="subject in subjects.subject&...
Kishan Bisht's user avatar
1 vote
1 answer
50 views

Why should one use provide/inject in Vue 3

I have an application where one of its components is responsible for creating and managing a tree. Other components in this application sometimes need the tree data. One of the available solutions for ...
mohsen ahmadi's user avatar
2 votes
0 answers
52 views

How to use classes to style child component's root and non-root elements in Vue 3?

I'm starting to implement a reusable Vue component library for in-house use on a team of 20+ developers across a couple of applications. A common pattern I have used in the past in Vue 2 is applying a ...
Kendall Spackman's user avatar
0 votes
1 answer
540 views

PrimeVue - How to use reset emit to clear form?

I've been experimenting with PrimeVue and am trying to understand how to use their forms. They don't have any example of clearing the form fields. However, there is mention of a "reset" ...
jreeves's user avatar
0 votes
0 answers
28 views

Image route that is dynamically generated, not html content type

I have a Vue3 SPA that generates dashbaords and such. When I visit https://website.com/#/ it loads my app. I want to visit https://website.com/#/dynamic-img and have the response be a image/png media ...
clay's user avatar
  • 6,017
1 vote
0 answers
61 views

Zod + Quasar: Error - Unresolvable type reference or unsupported built-in utility type

Question Body: What are you trying to accomplish? I'm building a custom input component using Vue 3, Quasar, and Zod, with the goal of achieving both: Static type checking: Ensuring defineProps uses ...
Benson's user avatar
  • 11
2 votes
1 answer
45 views

Vuetify3 autocomplete with per-item tooltips not clickable

Given Vue3 + Vuetify3 code: <template> <v-autocomplete :items="items" :value="selectedItem"> <template v-slot:item="data"> <v-tooltip> ...
Jamie.Sgro's user avatar
1 vote
1 answer
82 views

Vue 2 to 3 upgrade: simplifying checkbox question component

I have a checkbox form question component I made in Vue 2 and i'm migrating to Vue 3 so want to simplify it as much as possible and make sure i've taken advantage of all the new feature of Vue 3. ...
user2953989's user avatar
  • 3,039

15 30 50 per page
1
2 3 4 5
59