Tengo un problema cuando visito la página de mensajes y selecciono un dispositivo, el valor seleccionado del modelo v cambiará. Pero si visito la página del dispositivo y la página de contacto, el valor seleccionado del modelo v no cambiará ni se establecerá en el último valor de tiempo que seleccioné.

Aquí está mi función en DeviceController para buscar dispositivos:

 public function devices() { try { $devices = Device::orderby('id', 'asc')->get(); return response()->json($devices); } catch (\Throwable $th) { return response()->json(['message' => $th->getMessage()]); } }

Esta es la función del método para obtener devices{} datos de DeviceController :

 getDevices() { axios.get(`/api/devices`) .then(response => { this.devices = response.data; }); },

Aquí está mi código de opción de selección:

 <select class="form-select form-select-lg mb-3" v-model="choosed" @change="onChange()"> <option :value="null">Choose Device to Send SMS</option> <option v-for="item in devices" :key="item.id" :value="item.id" >{{ item.device_name }} </option> </select>

Aquí está mi modelo v seleccionado y los dispositivos JSON de los que procede ese item.id en los datos:

 export default { data() { return { devices: {}, choosed: null, } }, }

Aquí está mi función onChange en el método:

 onChange: function(){ this.choosed = this.item.id; },