All Questions
Tagged with vue.js vue-composition-api
1,208 questions
0
votes
0
answers
29
views
Vuetify text-area scroll not working when placed inside slot of custom component
My project uses Vue 3 (w/ Composition API) and Vuetify. I'm trying to create a custom container component that essentially adds a title bar to its content. This is the custom component:
// ...
- 83
1
vote
0
answers
55
views
Vue 3 Pinia State and Architecture Best Practices For Parent/Child Relationships With SignalR
My project is in Vue 3 (Composition API) w/ Pinia and SignalR
Here is an example of what I'm working with:
I have a parent object, let's call it Oven, and a child object called Bread.
There is a ...
- 83
0
votes
0
answers
39
views
404 error when refreshing browser in Vue app
I have a Vue 3 app that utilizes the Composition API, Vue Router w/ history mode, Vite, Vuetify and Typescript.
When I refresh the browser on a different page, I get a 404 error, and I'm pretty ...
- 83
0
votes
0
answers
40
views
Maximum recursive updates exceeded error when pushing/replacing existing route with different parameter
when using the selctCategory function to replace the existing route parameters, I receive an error that states
"devices:1 Uncaught (in promise) Maximum recursive updates exceeded in component . ...
0
votes
1
answer
70
views
Exposing actions in composable vs accepting reactive state to update internal state?
I'm starting to get comfortable with Vue's composition API, but every time I make a composable I ask myself which pattern to use. If I have a composable whose state depends on outside triggers:
...
- 831
0
votes
0
answers
63
views
Difference between nuxtApp.provide and vueApp.provide
In nuxt 3 you have two alternative ways to provide something globally
// using nuxtApp instance
useNuxtApp().provide('key', 'value')
console.log(nuxtApp.$key) // value
// using vueApp instance
...
- 1,828
0
votes
1
answer
42
views
Composable reactivity within a mix of options and composition APIs
"vue": "^2.7.16"
"nuxt": "^2.18.1"
"@nuxt/bridge": "^3.3.1"
I have a composable that is using Composition api.
import {
ref,
reactive,
} ...
- 513
0
votes
1
answer
534
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
1
vote
1
answer
79
views
Computed property lack of reactivity for deep nested object
EDIT01: I'm using "nuxt": "^2.16.0" with "@nuxtjs/composition-api": "^0.29.2".
I'm have been trying for days to figure this out but still dealing with this ...
- 208
0
votes
1
answer
71
views
Is there a way to pass slots and emits as fallthrough attributes in vue?
With react i was able to do smth like this:
const Component = (props: BaseComponentProps) => <BaseComponent {...props} className={`my-class ${props.className}`} />
a simple way to modify ...
- 67
1
vote
1
answer
43
views
vuejs unexpected content behavior when changing array of child components with slots
I want to make a custom carousel which displays multiple slides at once and moves by one slide on a button press. In the main view this is how it is defined:
<MultiItemCarouselComponent>
<...
- 2,900
1
vote
1
answer
66
views
Programmatically calculate element height in vuejs 3
I have made myself a nice CarouselComponent based on bootstraps carousel, which can take children as slots and automatically creates slides for each of the children:
App.vue:
<CarouselComponent ...
- 2,900
0
votes
0
answers
39
views
give tab focus() on a component when rendering in vue
I have button icon which is a separate component. I need to give the tab focus on this element after page is rendered. I am using Composition API in Vue 3. I tried adding ref to this component but it ...
- 21
1
vote
2
answers
54
views
How can I render components dynamically with Vue 3?
I have a process which have many steps. Each one is implemented in a different component.
Initially I had this code:
<template>
<template v-if="process.currentStep === 0">
&...
- 5,960
1
vote
1
answer
78
views
What is 'effect' on Vue computed properties
If I inspect a computed property in Vue 2.7, I can see that, besides the well-known .value property, there's also .effect. I wasn't able to find any information about it, except that it's deprecated ...
- 81