1,664
questions
0
votes
0
answers
16
views
Can't loop over data with v-for in Vue.js
I get a value returned correctly, but I can't loop over the data returned.
<HomeView @getResults="getResults" />{{ get_results }}
<div v-if="get_results.length > 0"&...
- 107
0
votes
2
answers
37
views
Vue 3 rerun compute when element added to array
I have an object of documents that I manage by id within my composable, while to the outside revealing a computed (derived, readonly) state:
const state = reactive({})
export const useDocs = () => ...
- 8,363
0
votes
0
answers
37
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 './...
- 21.2k
0
votes
1
answer
26
views
Vue 3 get delta object of reactive updates
Consider a reactive object (or array) that is dynamically populated with data:
import { reactive, computed } from 'vue'
const entries = reactive({}) // global state beyond Template level
const docs = ...
- 8,363
0
votes
0
answers
44
views
My local variable is not being changed with watch in Vue.js + primevue
I have a parent component and a child component. I created a local variable in the child component to copy the parent's variable and be able to change its value. The problem is that in some ...
0
votes
1
answer
22
views
Vitest not registering that spy has been run
Here is my view component:
<template>
<begin-adult-app-form
:form-status="formStatus"
:form-submitted="formSubmitted"
v-on:form-valid=&...
- 47
0
votes
1
answer
30
views
Unable to Access Methods from Dynamically Rendered Vue 3 Component Using <component :is="..."> and ref
I'm working on a Vue 3 component where I dynamically render another component using <component :is="...">. The dynamically rendered component has a method (e.g., export()) that I need ...
- 203
0
votes
1
answer
31
views
Prop is undefined in child component ref()
I've been using Vue for about 7 years now but am new to the Vue 3 Composition API.
I am having an issue with a prop value being undefined when trying to access it in a ref object.
Parent component:
&...
- 1,569
0
votes
2
answers
47
views
Dynamically removing items from refs in Vue.js 3
I'm trying to toggle references on and off in Vue. This is how I'd like to do it (or something similar) by having a conditional :ref="option.selected? 'foobar': null" on the items:
<...
- 4,316
0
votes
1
answer
77
views
Nuxt app, page doesn't load data when navigating, but does when refreshing page
I'm using some third party api's and try to display data on a page. I use Nuxt (3.13) for this.
Nuxt documentation seems quite straighforward, but I can not get this to work properly.
I'm using ...
- 95
1
vote
1
answer
17
views
Check when data loaded using several composable files
i have several composable file like:
File one:
export const useLoadUserData = () => {
const loadData = async () => {
// some staff
}
onMounted(async () => loadData())
}
File two:
...
- 365
0
votes
0
answers
34
views
Leaflet with vue3 composition api, TypeError: fitBounds is not a function
I am using vue3, leaflet and vue-leaflet with composition api.
I want to zoomIn the map when multi markers were added.
But when I use mapRef.value?.fitBounds(bounds, { padding: [50,50] }) ,
it will ...
0
votes
1
answer
27
views
In vue-konva what is the type of proxy that has getNode() function
I'm writing application in Vue 3's Composition API with TypeScript.
In my view I want to get new position of dragged v-group. To do that I need to get reference to the v-group and unwrap it from vue-...
- 11
0
votes
0
answers
59
views
How to deal with <script-setup> component imports and eslint rules like no-unused-vars
When using Vue
composition API with <script setup>, components are just imported like
import Component from '@/components/Component.vue';
How do I keep eslint from applying the no-unused-var ...
- 27
0
votes
0
answers
48
views
Fallback an exposed in Vue Composition API?
I have a table component with an exposed:
const self = {
dispatchKeys: (e: KeyboardEvent) => (onInputKeydown(e), self),
assign, assignRow, selectCell,
selection,
columns,
get ...
- 21.2k