Uso el componente en la página renderizada. La página renderizada tiene una matriz de objetos, es kpi_list[]. Hago 'axios get request' en la página de representación.
axios.get(URL + "/KPI/get_by_category/1").then(response=>{ for (const data in response.data) { this.kpi_kalite.push(JSON.parse(JSON.stringify(response.data[data]))) console.log(Object.values(this.kpi_kalite)) } . . .Producción:
(2) [Proxy, Proxy] 0: Proxy {id: 1, base: 1, name: 'A', searchable_name: 'A', user: '1', …} 1: Proxy {id: 5, base: 1, name: 'B', searchable_name: 'B', user: '1', …} length: 2 [[Prototype]]: Array(0)¿No debería verlo así?
[ {id: 1, base: 1, name: 'A', searchable_name: 'A', user: '1', …}, {id: 5, base: 1, name: 'B', searchable_name: 'B', user: '1', …} ]¿Y qué es [Proxy, proxy]?
Envío la matriz kpi_kalite al componente como accesorio. En componentes montados, intento cosas como:
mounted() { console.log(this.kpi_kalite[0]) console.log(Object.values(this.kpi_kalite)) },PRODUCCIÓN:
Proxy {id: 1, base: 1, name: 'A', searchable_name: 'A', user: '1', …} (2) [Proxy, Proxy]Hay un problema, ¿verdad? Estos no son los objetos o la matriz de objetos que necesito ver.
¡esto es normal! vue 3 utiliza proxies para hacer que las propiedades que defina en los datos sean reactivas , por lo que va a registrar el objeto que ve en el proxy que contiene el valor verdadero . para ver el valor real en la consola debe hacer como
console.log(JSON.parse(JSON.stringify(this.yourValue)))