¿por que {{ Obj.var, function(var) }} devuelve un buffer infinito?
Publicado por Gerardo (1 intervención) el 29/11/2017 17:37:56
Estoy intentando obtener datos de una función de manera dinámica en la tabla, en mi caso tengo una función "getUser(idUser)" la cual me devuelve una cadena con la información del usuario, en consola la marca correctamente pero a la hora de llamar los datos en la tabla me lo devuelve vació "{}".
Lo he intentado de varias formas y no me resuelve, hasta me devuelve el objeto vació o me da un buffer infinito.
¿Como puedo llamar los datos que devuelve una función dentro de la tabla?, Mi código es el siguiente:
y en script tengo:
donde quiero llamarlo es la siguiente linea:
en una de ellas intente lo siguiente:
Me devuelve el valor pero con un buffer infinito y cambiante no se como hacerlo....
¿Que es lo que estoy haciendo mal?
Lo he intentado de varias formas y no me resuelve, hasta me devuelve el objeto vació o me da un buffer infinito.
¿Como puedo llamar los datos que devuelve una función dentro de la tabla?, Mi código es el siguiente:
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
28
29
30
31
32
33
34
35
36
<v-data-table
v-bind:headers="headers"
v-bind:items="items"
v-bind:usuario="usuario"
v-bind:search="search"
v-bind:pagination.sync="pagination"
hide-actionslight
class="elevation-4"
><template slot="headerCell" slot-scope="props">
<v-tooltip bottom>
<span slot="activator">
{{ props.header.text }}
</span>
<span>
{{ props.header.text }}
</span>
</v-tooltip>
</template>
<template slot="items" slot-scope="props">
<td>{{ props.item.nombreSuc }}</td>
<td class="text-xs-right ">{{ usuario.lastname, getUsuario(props.item.encargado) }}</td>
<td class="text-xs-right">
<v-btn small fab>
<v-icon>description</v-icon>
</v-btn>
<v-btn small fab>
<v-icon>edit</v-icon>
</v-btn>
<v-btn small fab>
<v-icon>delete</v-icon>
</v-btn>
</td>
</template>
</v-data-table>
y en script tengo:
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<script>
import Panel from '@/components/Panel' import SucursalService from '@/services/Sucursales' import UsuariosService from '@/services/Usuarios' export default {components: {
Panel
},
data () {
return {search: '',
details: false,
pagination: {},
selected: [],
usuario: [],
headers: [
{text: 'Nombre',
value: 'nombreSuc',
align: 'left'
},
{ text: 'Encargado', value: 'encargado' },
{ text: 'Acciones',
value: 'actions',
sortable: false,
align: 'right'
}],
items: this.items
}},
async mounted () {
this.items = (await SucursalService.index()).data[0]
},
methods: {
async getUsuario (idUser) {
this.usuario = await (UsuariosService.show(idUser))
this.usuario = this.usuario.data[0]
console.log(this.usuario.lastname)
} } }</script>
donde quiero llamarlo es la siguiente linea:
1
<td class="text-xs-right ">{{ getUsuario(props.item.encargado) }}</td>
en una de ellas intente lo siguiente:
1
<td class="text-xs-right ">{{ ususario.lastname, getUsuario(props.item.encargado) }}</td>
Me devuelve el valor pero con un buffer infinito y cambiante no se como hacerlo....
¿Que es lo que estoy haciendo mal?
Valora esta pregunta
0