All Questions
Tagged with vue-component vue.js
9,594
questions
0
votes
1
answer
29
views
Return component with props from composable
In a Vue project, I have a composable that provides few useful refs to components using it.
In my application, it is very likely that whichever components use the composable, it will need to render ...
- 779
0
votes
0
answers
35
views
How to create a standalone embeddable script from an internal Vue component?
I have a Vue application, and within, I have a component, which I reuse throughout the app. It's located in src/components.
I'd now like to make it so this component can be embedded into other ...
- 111
0
votes
0
answers
36
views
Links not longer working when navigating to another view
So, when I used this code to go from the view to another with props.
this my first view :
<template>
<Spinner />
<Header />
<main class="main">
<...
- 33
0
votes
0
answers
31
views
TypeError: Right-hand side of 'instanceof' is not an object in Chartist.js with Vue.js
I'm trying to create a Pie chart using Chartist.js in my Vue.js project and integrate the chartist-plugin-fill-donut plugin. However, I'm encountering a TypeError: Right-hand side of 'instanceof' is ...
0
votes
1
answer
23
views
Vue.js: Watch Nested Property Changes and Trigger Method in a Deeply Nested Component Structure
I'm working with a Vue.js application where I need to watch changes on a nested property (isChecked) in a deeply nested component structure. My goal is to trigger a method (sumOfChecked) whenever the ...
- 35
0
votes
0
answers
26
views
Vue shows an image in one component, but in other component, gives 304 error and doesn't show the image
My Vue.js app has the public folder, with a folder for images, where I put the images for the app to use.
In Home component I can show the image with:
<img :src="'images/'+ product.image"&...
- 107
0
votes
1
answer
34
views
Binding Events and Functions to Dynamic Components in Vue 3
I have an array of form field like below and I wanna render dynamic form with event and function
[...{
label: "Logo",
field: "image",
component: ...
1
vote
0
answers
19
views
Quasar qpopup edit async validation not working
I am facing issue with qpopupedit async validation I created a codepen. I think it is converting return boolean value to a string. can anyone check why it is not working ?
I created a Codepen you can ...
- 388
0
votes
2
answers
28
views
Vue 3 upgrade props are passed but not show in the component
I have following Vue 3 component image-template-row-item which has the prop templates-types
which is defined in the component in the props:
now this prop is always passed as undefined to the ...
0
votes
0
answers
29
views
VeeValidate handeSubmit Not returned values
I work with vee-validate validation for vue. I choose handleSubmit method:
<template>
<div>
<Form @submit="onSubmit" :validation-schema="schema">
<...
- 618
0
votes
2
answers
37
views
Re-render a OpenWeatherMap component when switching language in Vue 3
I am a beginner using Vue 3, to learn it I am developing a simple weather webapp using OpenWeatherMap API. I have added multilanguage support using vue-i18n library and everything works fine. But ...
- 547
1
vote
1
answer
96
views
two-way binding of a checkbox does not happen
For the code posted below vue component it is a child component and is hosted in a specific parent. When I make two ways binding via vModelCheckGeoTIFFOverlayBandAverages by introducing a change to ...
- 27
0
votes
1
answer
57
views
vue 3 composition api, can not return value from a helper function to component
i think this is a problem of scope inside my helper function, i have successfully implementing the same logic in my component and it works perfectly
i have already using a composable function to use ...
0
votes
0
answers
42
views
Vue child component not mounting during rendering
const componentData = {
"label": "body",
"category": "default",
"children": [{
"label": "Droppable Component&...
1
vote
1
answer
53
views
how to change v-calendar default color using vue.js 3
<template>
<v-row>
<v-col>
<v-sheet>
<v-calendar class="custom"></v-calendar>
</v-sheet>
</v-col>
</v-row&...
