Javascript 如何在Vue.js的Dropdownlist中设置默认值

如何在dropdownlist中将第一个选项设置为默认值

<select :disabled=true class="custom-select" v-model="Status">
      <option disabled value>Select Any</option>          
      <option v-for="status in statusList" v-bind:value="{StatusId:status.StatusId,StatusName:status.StatusName}" :key="status.StatusId">{{ status.StatusName }}</option>                    
</select>

---

这里，1是第一个选项的id。

状态

如果要匹配，也需要是一个对象

data() {
  return {            
    Status: { StatusId: 1, StatusName: 'name' }                           
  }
}

默认

状态的所有属性都需要与其中一个选项匹配，才能将其选中

但是请注意，这里可能没有很好的理由来使用这种将选项值设置为对象的模式。最好将其设置为
状态id
，并在需要使用该id的任何位置使用该选定id或计算出的id来处理该选项

data() {
  return {            
    Status: { StatusId: 1, StatusName: 'name' }                           
  }
}