如何修复V-Model的选择选项Onchange返回先前选择或成为静态值，而不是使用vue.js的当前值？

Question

当我访问消息页面并选择设备时，我有问题，V-Model选择值将会更改。但是，如果我访问“设备”页面并联系页面，则V-Model所选值不会更改或设置为我选择的最后一个时间值。

这是我在devicecontroller中的功能：以获取设备：

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

这是从devicecontroller中获取decection数据的方法的功能：

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

这是我的选择选项代码：

<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>

这是我所选的V-Model和设备JSON，该设备设备该项目。ID来自数据：

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

这是我的onChange in thate in方法：

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

Answer 1

删除函数onChange - 这是显而易见的。