3

Tengo el siguiente código:

var app = new Vue({
        el: '#crearMetaCompuesta',
        data: {
            rangos_creados: {
                0: {
                    min: null,
                    max: null,
                    result:null
                }
            }
        },
        methods: {
            additem: function () {

            }
        }
    })

En additem() quiero agregar un nuevo index con sus respectivos valores a rangos_creados, es decir agregar n elementos con min, max , result

¿Cómo puedo ir agregando elementos? En internet encuentro vue.set pero es para arrays[] , no he encontrado para este tipo de objetos.

gracias.

4
  • Pero eso debería ser un array de objetos, ¿no?
    – Shaz
    Commented el 12 mar. 2019 a las 16:58
  • como así?, la verdad no comprendo Commented el 12 mar. 2019 a las 17:34
  • Lo que estás «creando» en rangos_creados tiene más el aspecto de un array de objetos.
    – Shaz
    Commented el 12 mar. 2019 a las 17:38
  • aah, pero necesito llenarlo con más items, siempre lo hago con la respuesta del axios y solo lo igualo, pero necesito hacerlo desde el front con un método Commented el 12 mar. 2019 a las 17:43

1 respuesta 1

1

Seria mejor si rangos_creados fuera de tipo array, y así en additem bastaría con colocar lo siguiente this.rangos_creados.push(nuevo_elemento) y quedaría algo así

var app = new Vue({
        el: '#crearMetaCompuesta',
        data: {
            rangos_creados: [
                {
                    min: null,
                    max: null,
                    result:null
                }
            ]
        },
        methods: {
            additem: function () {
                this.rangos_creados.push({
                    min: 10,
                    max: 100,
                    result: null
                });
            }
        }
    }) 

De la forma que actualmente lo tienes también es posible solo que necesitarías crear atributos dinámicamente del objeto rangos_creados quedaría de la siguiente forma

var app = new Vue({
        el: '#crearMetaCompuesta',
        data: {
            rangos_creados: {
                0:{
                    min: null,
                    max: null,
                    result:null
                }
            }
        },
        methods: {
            additem: function () {
                this.rangos_creados[nuevoIndex] = {
                    min: 10,
                    max: 100,
                    result: null
                };
            }
        }
    })  

El problema con eso es que tendrías que tener el control de los índices que vayas creando, si no puede pasar que sustituyas algún índice ya existente

1
  • +1 Esta es la respuesta correcta
    – Arriel
    Commented el 6 jun. 2021 a las 2:39

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.