vue.js观察器值不更新选择V-Model中的值

Question

我有一个带有两个选择盒的表格。SB1和SB2。带有V模型的SB2：结果。

如果我更改第一个值（SB1）的值，则必须使用该值进行一些异步操作，并获得必须放置在另一个选择框（SB2）中的新值。为此，我使用了一个手表来执行异步量，并且在获得异步值之后，我将其制作。Result= newValue。 在控制台中。log还可以，但在选择框（SB2）中不显示什么都没有显示 但是，然后，当我在第一个框（SB1）中取消一个值时，我先前获得的值

通常在（SB2）中显示出来时，这里发生了什么？我该如何解决这个问题？ 预先感谢

编辑：

           <label for="timezone" >Timezone</label>
            <select
              id="timezone"
              v-model="localValue.timezone"
            >
                <option v-for="(timeZone, index) in arrayTZ()" :key="index" :value="timeZone" :selected="localValue.timezone === timeZone">
                    {{ timeZone }}
                </option>
            </select>

和观察者

methods:{
   async getFunction1(id){
     await dispatchingActions
     return objectFromgetFunction1.current
   }
},
watch: {
      async "localValue.ManagerId"(id){
          console.log(id)
          if(id !== null){            
            await this.getFunction1(id)
              this.localValue.timezone = objectFromgetFunction1.current.timezone;
          }
          if(id === null){
              this.localValue.timezone = null
          }
          console.log(this.localValue.timezone)
      },