Vue 中select option默认选中的处理方法 - zhx119

在做泰康项目的时候有个需求就是要给select默认选中的样式我的处理方法有两个

1.直接将默认值给  selectedOption

<select v-model="selectedOption">
  <option v-for="option in options" :value="option">{{option.city}}</option>
</select>
js

data ()
{
  return {
    selectedOption:{cityCode:0,city:"北京"},
    selectedOption:{},
    options:[
      {
        cityCode:0,
        city:"北京"
      },{
        cityCode:1,
        city:"上海"
      },{
        cityCode:2,
        city:"天津"
      },{
        cityCode:3,
        city:"重庆"
      }
    ]
  }
}
2.在created生命期函数上给selectedOption赋值给当前需要默认的值

created (){
     this.selectedOption = this.options[1]
}