JavaScript - Vue.js y Fetch

 
Vista:
sin imagen de perfil
Val: 27
Ha aumentado su posición en 2 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Vue.js y Fetch

Publicado por gabriela paola (20 intervenciones) el 14/11/2019 16:15:36
Buen dia! Espero esten bien, necesito ayuda con el siguiente codigo: en Vue me dice que hay un error en " senadores = []". Trato de darle valor a senadores desde el fetch con el objeto que recibo de la url, pero no me funciiona. Gracias de antemano.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function crearJson() {
  fetch("https://api.propublica.org/congress/v1/members.json", {
      headers: new Headers({
        "API": "Bjm9VULSbjAoijAS5wAQtcfE8eEMhXh",
      })
    })
    .then(function (response) {
      return response.json()
    })
    .then(function (data) {
      app.senadores = data.results[0].members;
      filtrarTabla(app.senadores);
      estados = buscoLosEstados(app.senadores);
      NoRepetidos = buscoEstadosNoRepetidos(estados);
      document.getElementById("estados").innerHTML += menuDesplegable(NoRepetidos);
     ;
    })
}
crearJson();
 
 var app = new Vue({
  el: '#app',
  data: {
    senadores = []
  }
 
});
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de zer0x10
Val: 477
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Vue.js y Fetch

Publicado por zer0x10 (130 intervenciones) el 15/11/2019 05:12:19
Hola, uno de los problemas puede ser que estés inicializando mal el array senadores cuando se lo pasas al objeto data, debe ser así:

1
2
3
4
5
6
var app = new Vue({
  el: '#app',
  data: {
    senadores: []
  }
});


Nos comentas.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar