0

estoy tratando de declarle el valor de una respuesta de una solicitud a un array que está declarado en data, acá el código

<script>
import axios from 'axios'

export default {
  name: 'Objects',
  data () {
    return {
      token: this.$q.sessionStorage.getItem('token'),
      objects: [],
      p: [
        {
          nombre: 'Andres'
        }
      ]
    }
  },
  methods: {
    refresh (done) {
      setTimeout(() => {
        this.get_objects()
        done()
      }, 1000)
    },
    get_objects () {
      // eslint-disable-next-line no-unused-vars
      var self = this
      axios.get('/Service/get_data?token=' + this.token)
        .then(function (response) {
          self.objects = response.data.resultado
        })
      console.log(self)
    }
  },
  mounted () {
    this.get_objects()
    console.log(this.objects)
  }
}
</script> 

lo que quiero es tomar ese array de datos que me trae la solitud y declararsela a un array que está definido dentro de data.

Pero me está mostrando el dato mal al igualarlo fuera de la promesa, lo que me imprime el console log es :

introducir la descripción de la imagen aquí

en la funcion mounted() el colocarle un console log a this.objects, la consola me muestra lo siguiente:

introducir la descripción de la imagen aquí

junto con éste error que no entiendo muy bien

introducir la descripción de la imagen aquí

Si alguien me puede ayudar, se lo agradecería bastante

5
  • Edita tu respuesta y pon lo que tienes dentro de tu template Commented el 5 ene. 2020 a las 0:12
  • Listo amigo, ya lo he corregido la pregunta Commented el 5 ene. 2020 a las 1:46
  • Te falta el html Commented el 5 ene. 2020 a las 1:59
  • El HTML no es importante, lo único que hay en el html es una lista que no tiene funcionalidad Commented el 5 ene. 2020 a las 17:49
  • No puedo probar el código, no veo algún error, y aunque generalmente no es la mejor solución podrías utilizar this.$forceUpdate() después de setear el dato para ver si ha cambiado, Commented el 15 ene. 2020 a las 1:48

1 respuesta 1

0

Creo que es porque en tu Html no tienes declarado el key, es una suposición ya que no subiste el Html pero podría ser una solución la siguiente:

<div v-for="(object, idx) in objects" :key="idx">
   <!-- ... -->
</div>

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.