I’m having a hard time getting data from an event triggered by a change in a select, let me show you the code:
This is the select:
<b-col md="4" sm="12">
<b-form-group label="Tipo: " label-for="tipo">
<input type="hidden" v-model="maintenance.typeId" name="tipoId" id="tipoId">
<b-form-select id="tipo" :options="options" :readonly="mode === 'remove'" @change="selecionar($e)"></b-form-select>
</b-form-group>
</b-col>
This is the method:
selecionar(e){
var tipo = e.target.value
const url = this.rotatipoautcomp
axios.get(`${url}?${parseInt(tipo)}` + parseInt(tipo), this.manutencoes).then(res => {
this.manutencoes = res.data
return console.log(this.parseInt(tipo))
})
}
This is the function in the controller:
public function ajaxServices(Request $request)
{
$tipo = Input::get('tipo');
/*$tipo = $request->tipo;*/
//$tipoSelection = TecManutencaoTipo::where('tipo', '=', $tipo)->select('tipo')->first();
$tiposSelected = TecManutencaoTipo::select('manutencao AS value')->where('tipo', '=', $tipo)->get();
$dados = [];
if($tiposSelected){
$dados = $tiposSelected;
//Log::info($dados);
return $dados;
} else {
return response()->json($dados, 422);
}
}
That’s the route:
Route::get('ajax-tipo', ['as'=>'tecelagem.manutencao.cadastro.ajax-tipo', 'uses' => 'TecelagemManutencaoController@ajaxServices']);
In payloads on Vue Developer Tools i get the values that i expect but still get the error:
[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘target’ of undefined”
Since i’m new on vue, i didn’t manage to solve this.
I’ve been searching in a lot of places but didn’t found anything that could help me.
Can anyone help me please?
If there’s any information needed just tell me.
Advertisement
Answer
i managed to get the data like this in the function:
selecionar(value){
console.log(value)
}
Thanks for all help and time.