Estoy trabajando con VueJs/Vuex usando Laravel en el backend. Recibo un mensaje de error undefined cada vez en mi consola.
Este es mi estado.js
var state = { data: { record:{ data:{} } } } export default state;Este es mi componente :
computed: { ...mapState({ data: (state) => state.data, }), record: function(){ return this.data.record.data.profile[0]; } },Cómo trato de mostrar datos:
<h4>{{record.name}}</h4>Este es mi Vuex de (Vuex DevTools)
{ "record":{ "data":{ "profile":[ { "id":6, "name":"bret.prohaska", "email":"delta00@example.org" } ] } } }el profile no está definido antes de que se carguen los datos, lo que generará un error indefinido si intenta indexarlo. Debe cuidar el caso de borde en su lógica:
record: function(){ let profile = this.data.record.data.profile return profile ? profile[0] : {}; }