En el mounted()
del componente recibo el ID del registro de usuario a cargar emitido por el componente padre
mounted() {
console.log('Component mounted.');
//Recibiendo evento(s) si emitido(s) (en este caso, desde su componente Padre)
BusEvent.$on('fillProfEditFormEvent', (regID) => {
this.fillEditFormReg(regID);
});
},
Este es el data
del componente en que se declara la variable objReg que contendrá los valores del resultado de la consulta:
data() {
return {
urlBase: '/api/admin/users',
//...
//variable para almacenar los datos del registro a mostrar
objReg: {},
//...
}
},
Y el método que recibe los datos del registro:
methods: {
fillEditFormReg(regID) {
//Cargando datos del registro correspondiente
//URL hacia la ruta de obtener datos del registro
let url = this.urlBase + '/' + regID;
axios.get(url)
.then(response => { //SI TODO OK
this.objReg = response.data.user
})
.catch(error => { //SI HAY ALGÚN ERROR
console.log(error.response.data.errors);
});
},
},
Este es el método "show()" del controlados UserController.php
public function show($id)
{
$_arr_detalle = [];
$user = User::withTrashed()->findOrFail($id);
//...
$_arr_detalle['user'] = $user;
//...
return $_arr_detalle;
}
Y este es el modelo [User.php]
class User extends Authenticatable
{
protected $with = ['profile:id,name', 'department:id,name,abbreviation'];
//...
public function department() {
return $this->belongsTo('App\Department');
}
}
Y el modelo Department.php
class Department extends Model
{
//...
public function users() {
return $this->hasMany(User::class);
}
//...
}