All Questions
884 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 '...
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 {...
- 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="...
- 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 ...
- 11
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 ...
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 ...
- 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" ...
- 11
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&...
- 11
1
vote
1
answer
49
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 ...
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 ...
0
votes
1
answer
538
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" ...
- 1
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 ...
- 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 ...
- 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>
...
- 892
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.
...
- 3,039