All Questions
Tagged with vue-composition-api vue-component
141 questions
0
votes
1
answer
519
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
59
views
Prohibit attributes for components in Vue Composition API
Allowance of any attributes for components creates problems for me.
Playground
For example taking this:
<script setup lang="ts">
import { ref } from 'vue';
import Checkbox from './...
- 25.2k
1
vote
2
answers
72
views
Get property types in Vue Composition API [duplicate]
When importing a component is it possible to get its properties type?
For example:
import MyComponent from '.my-component.vue';
const props: ComponentProps<MyComponent> = {
};
Any idea how to ...
- 25.2k
0
votes
1
answer
386
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 ...
- 799
0
votes
1
answer
80
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: ...
0
votes
0
answers
174
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, ...
- 1
1
vote
1
answer
819
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
...
- 45
0
votes
2
answers
774
views
Vue 3 component doesn't update after pinia store is updated
I'm working on a Vue js 3 project using typescript and Pinia.
I have a modal that creates a changelog it works well, the changelog is created but the view is not updated, I need to refresh the page to ...
- 11
1
vote
1
answer
75
views
Passing object with reactive properties as a prop triggers child component onUpdated hook when updating parent component state
Consider a simple component Comp.vue file that only logs a message in the console when updated:
// Comp.vue
<script setup>
import { onUpdated } from 'vue'
onUpdated(() => {
console....
- 11
1
vote
1
answer
368
views
How to use vuelidate in vue3 with decorator
Good afternoon!
I'm trying to use vuelidate in vue3 with vue-facing-decorator, but I'm not succeeding. In vue2 I can call vuelidate inside @Componet according to the code below, but in vue3 this doesn'...
- 11
0
votes
0
answers
75
views
rewritten: Vue 3 component as re-usable lib, renders during development but not after build
I am attempting to create a re-usable vue component that can be injected/used in a flask application. The main component dataTable.vue imports components tableBare.vue and paginationBare.vue, ...
- 555
0
votes
0
answers
67
views
Vue 3 building component as lib
I have a case of expectation vs reality in my attempt to create a re-usable vue component that can be injected/used in a flask application.
My files:
src/components/dataTable.vue (main SFC)
src/...
- 555
4
votes
2
answers
3k
views
How can I get the data from a child component in Vue3?
Im newbie in web development, and also in vue. My idea is to make a component that has some user input, like text, a selection from a combobox and a checkbox. This component should be genereted ...
0
votes
2
answers
280
views
vue3 - dynamic ref in computed status // repeating a player n times in a table and having a play/pause button
on the vue3 page below I have integrated a player that shows a "play" icon when the player is stopped, and a "pause" icon when it's playing.
What I am now trying to do is to let ...
- 151
1
vote
2
answers
65
views
Update model when part of array vue3
How do I update an array when the model is in a loop for that array:
eg I have an array const numbers = ref([1,2,3]);
and I have a component that loops through the array using the values as the model:
...
- 58.5k