All Questions
83 questions
1
vote
1
answer
46
views
Changing Prop of a Single Component Among Components Iterated via V-For
I'm facing the below described challenge on my Vue project, and quite confused about what to do.
There is a one child component called button-base:
<template>
<button
:type="...
- 2,138
0
votes
1
answer
101
views
Cannot find module './undefined' when updating a template ref in Vue
Objective
Render components based on a dynamically changing reference (ref). User can perform a "search" feature that returns data and updates the reference. The updated reference should ...
- 155
0
votes
2
answers
4k
views
DOMException occurred in Vue: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this
Here is my vue project and the bug occurred like this:
git clone https://github.com/dongrixinyu/JioNLP_online 【I have pushed my branch to the public github】
cd JioNLP_online && npm run serve
...
- 320
0
votes
2
answers
1k
views
V-for remove element
I'm working on a Vue/Quasar app and what I want to do is show the following layout only once when the page is loaded:
<template>
<div v-for="(section, index) in sections" :key=&...
- 579
0
votes
2
answers
804
views
Simple List Rendering in Vue with finding Index and passing props
so I do the beginning todo list stuff. I have this array
state() {
return {
news: [
{
id: 1,
title: "Titel 1",
...
- 165
1
vote
1
answer
653
views
Nested v-for Loop in Vue Selecting Wrong Checkbox
I have a nested loop in a vue component. The first loop is to create four dropdown boxes, the second loop is to create three options within each dropdown box. I have attached the image to illustrate. ...
- 89
1
vote
2
answers
117
views
How would I make the button hide the incomplete tasks
This is the Jsfiddle: https://jsfiddle.net/zxo35mts/1/
Essentially I'm trying to make the button hide all incomplete tasks when clicked and show them again when clicked again yet i have no idea what ...
1
vote
0
answers
300
views
How to cache filtered out elements to prevent re-rendering inside a v-for?
I’ve been working on a Vue.js application that manages user’s notes and allows to easily look them up by title, tags, etc. So the primary view of a logged-in user is a list view of Card components. I’...
- 127
0
votes
1
answer
367
views
Keep track of child component values in parent without using emit?
I have a custom component called HobbyForm which is a simple form with two controls, a checkbox and an input, this component is being called from a parent component called Content, along with other ...
- 5,772
0
votes
1
answer
960
views
Vue. How can I get prev and current value in loop v-for for comparing it?
I have a part of the structure:
....
<template v-for="(item, INDEX) in someList">
<template v-if="thisIsArrayList(item)">
<template v-for="(_item) ...
- 1
0
votes
1
answer
2k
views
Using v-for on a custom component, can I access the value of ":key" inside of the component?
When using v-for to create a list of custom components, I often find myself binding the item.id to the value of my :key and :id props. I'm wondering if (and if so, how) I can access the value of key, ...
user9895412
0
votes
1
answer
1k
views
How to pass v-for index to other components
I'm making a shopping cart app with Vue. This is the products component. I've fetched data from the api. I want to show the chosen product in the cart.
<template>
<div id="products&...
0
votes
2
answers
1k
views
passing object to component using v-for
I am trying to send a series of objects that are in an array to a child component using v-for, but when I try to access them from the child component, it tells me that the props are not defined.
Im ...
- 338
0
votes
2
answers
4k
views
If else condition in v-for with v-checkbox using Vuetify
I am trying to make a condition where looping through an object and displaying some checkboxes, when the value of a property is true to check the checkbox and when the value is false to make he ...
- 23
3
votes
1
answer
1k
views
Vue and Vuex v-for not updating properly when state changes
Here is my store and delete mutation.
const store = new Vuex.Store({
state: {
todos: [
{
date: "22/03/1994",
todos: [
{ icon: 0, text: "seyehate ...
- 161