All Questions
Tagged with vue-component vue-composition-api
139
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
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: ...
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, ...
- 1
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
...
- 35
0
votes
2
answers
141
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
32
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
253
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
56
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
45
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
2
votes
2
answers
1k
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
182
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 ...
- 81
1
vote
2
answers
55
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.2k
2
votes
1
answer
2k
views
Exporting a function from Vue's "<script setup>" like from a module
I would like to export a function from a component from within the "" section and use it in another component.
I tried it like this:
<!-- TestHeading.vue -->
<template>
<h1&...
- 254
-1
votes
1
answer
37
views
Hello, I am trying to work with mounted function in vue.js and it is not working
I am trying to getallproducts automatically when the following url loadsk
'/Admin/ProductsAdmin'
but the mounted function is not working it doesnot load anything when url has been loaded
the follwing ...
-1
votes
0
answers
76
views
How to create a custom v-model on component using another component
I have a Vue 2.7 Composition API custom component that can have a v-model. The component looks like this:
<template>
<div class="ui-field">
<label :for="id">...
