Questions tagged [vue-component]
Component is a powerful Vue feature that allows extending basic HTML elements to encapsulate reusable code.
vue-component
10,688
questions
0
votes
0
answers
37
views
Facing issues in nested routes in Vue-3
I am creating a simple CRUD application for users based on different roles, but I'm facing issues with nested routes and component rendering. I have carefully reviewed their official documentation, ...
0
votes
1
answer
43
views
Using a custom modal in vue, 2 times inside another component renders only the first component data
So the problem is that I am working in a Laravel Vue application both are different application. The problem I am facing is that I have a created a component for modal using bootstrap in VUE JS.
And I ...
0
votes
0
answers
37
views
display routes in tabs with vue
can you help me to create something similar to
https://adminlte.io/themes/v3/iframe.html#
I have tried this
<template>
<div class="tabs" v-if="tabs">
<nav ...
0
votes
0
answers
26
views
Avoiding style-mismatch with computed value
My goal is to render a list of elements randomly placed inside a grid.
I tried to achieve this with the cue-computed property. But unfortunately I'm always getting the error:
- rendered on server: ...
1
vote
1
answer
50
views
Vue 3 sub component raises click event when displayed
In vue 3 compose api, I am displaying a popup component and I want to capture out click for closing the modal.
my code in my parent component
<template>
<button @click="toggleSettings&...
0
votes
1
answer
39
views
Populated options on select apear black at first but after changing tabs it shows okay
I have a select component like this
<template>
<div class="newsletter-launcher">
<h2>Select a Newsletter to Launch</h2>
<select v-model="...
0
votes
0
answers
29
views
Cypress Testing Error: getResult() Method Returns undefined for Canvas Element in vue-advanced-cropper
I am writing a test for the image cropping functionality in my Vue application using the vue-advanced-cropper package. I have encountered an issue where the getResult() method, which retrieves the ...
0
votes
0
answers
57
views
get() of a computed property never gets invoked
i am using vue3 with options api
as shown in the below posted code, i have two radio buttons, the first one will invoke onShowGeoTIFFOverlayChanged and the second one will invoke ...
0
votes
0
answers
65
views
Vue 3 onMounted not loading data in Vuetify data table server
I have created this page with Vue 3 + Vuetify called demo.vue in my project which receives data from an API server.
The problem that I'm facing is that I set up the data inside an onMounted function, ...
0
votes
1
answer
89
views
Getting import error using vue3 component library created using vite
The .js library file have following import statement:
import JU, { defineComponent as Ge } from "vue";
Due to this I am getting below error:
SyntaxError: The requested module '/node_modules/...
0
votes
0
answers
26
views
Vue keeps p5 components alive after navigating
I have build a creativ coding website using vue and p5. In my app i display different p5 components depending on the current route. The problem is that somehow vue or p5 (idk which) keeps the ...
0
votes
1
answer
51
views
In Vue.JS, How to pass and change props value into nested components?
My requirement is very basic and easy, but not sure why even ChatGPT keeps giving me answer that has warning messages.
I am using Vue 2.
I have three nested components: GrandParentComponent, ...
0
votes
1
answer
51
views
How to create helper methods to render components in nuxt
I'm new to Nuxt, I'm using Nuxt and Nuxt UI for my project. I'm trying to create helper methods to render the components with small differences. For example, in my Header.vue
<template>
<...
0
votes
1
answer
118
views
How to call the methods exposed by components in slots with Vue 3 Composition API
There are some components (child component) in a slot (in parent component) and I want to call the methods on them. I tried the following steps:
Retrieve the child components as objects with useSlots
...
0
votes
0
answers
62
views
emit does not dispatch vlaue from child to parent component
vue3 with options api
as shown in the below posted code, the child component has a drop-down list as shown in the code in section child. This child component is hosted in parent-1 and parent-2, and ...