439 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
1
vote
1
answer
494
views
Vite Hot Reload Causes Child Component to Re-fetch and Duplicate Data in Vue 3 Composition API
I'm working on a Vue 3 project using the Composition API with TypeScript (), and I'm encountering an issue related to Vite's hot module replacement (HMR).
Problem Description:
Parent Component:
I have ...
0
votes
1
answer
151
views
Vue Directive data binding like v-model
with v-model it is possible to bind a property of a reactive object to an html component
<input v-model="myObject.property" />
however, when I bind myObject.property to my custom ...
1
vote
2
answers
2k
views
Vue v-model with objects
Sometimes my environment requires components that are stand-alone (i.e. does not rely on a store/pinia of some stripe) but have complex needs in terms of how they are supplied props.
If I have a ...
0
votes
0
answers
66
views
Vuetify3: Emitting Input Events to parent component
{
"type": "form",
"id": 240808,
"title": "Some App",
"steps": [
{
"type": "stepOne",
...
0
votes
1
answer
47
views
How to create a custom component with two way v-model binding
Imagine the scenario where you have a custom component called coolComponent that consists of three input boxes:
<v-text-field v-model="from"/>
<v-text-field v-model="to"/&...
0
votes
0
answers
38
views
checkbox not rendering based on database value
I have a pop up box where one column has checkboxes, to see whether the the item has been published or not. I want the checkboxes to appear with its current state in the database while rendering. ...
1
vote
1
answer
232
views
how to update the modelValue property when you have a reactive object in Vue 3?
I am new to Vue and my understanding of v-model is still limited.
Now. I am trying to make a Vue 3 composable version of the example provided in https://docs.mapbox.com/help/tutorials/use-mapbox-gl-js-...
0
votes
1
answer
288
views
Vue 3 composition api checkbox v-model select all option is not working
I am testing a small vue 3 application. I trying to have a checkbox list with a select all option. Initially the select all option works. But after I select one element from the list individually the ...
0
votes
1
answer
88
views
Vue <Calendar> component convert date to another format yyyy/mm/dd
below is my <Calendar>:
<Calendar
v-model="value"
:date-format="props.dateFormat"
:view="props.view"
:input-class="props.inputClass"
...
0
votes
3
answers
214
views
How to get the checkbox value of dynamic v-model that using the checkbox group name in a v-for loop
This situation is one sale product has several option groups,like ice choices,sugar choices etc.
The product structure is:
{
"id": "1000",
"...
0
votes
1
answer
72
views
vue.js unable to correctly bind v-model to object value
Is there any reason why these 2 v-model bindings below would behave differently?
// component that uses FormExample
<script setup>
const fullName = someObject.fullName
</script>
<...
2
votes
3
answers
688
views
Vue v-model detect parent ref change
I am trying to create two-way binding but the problem is that I need to know what exactly changes the model ref: parent or child component.
When using watch it simply catches all changes and I can't ...
-1
votes
1
answer
394
views
Is it bad practice to pass complex objects as v-model in Vue3?
Such as in the following example:
<GroupCard
v-for="(group, i) in groups"
:key="group.groupName"
v-model="groups[i]"
:available-samples
...
0
votes
0
answers
41
views
Vue.js acess components values
I have a question:
I have two files. I want to dynamically access the value of assignmentData of the one file when it's value changes. How do I do this? It's changed when I mark a checkbox...
...
0
votes
0
answers
524
views
should v-model:rail and :rail behave differently in a vuetify v-navigation-drawer?
I have a vuetify v-navigation-drawer component and I'd like to give the user the option to pin it open or let it be a rail. Reading through the docs, I thought v-model:rail was the way to go, but in ...