VUE的el-select下拉框基本用法

参考：Vue2 el-select下拉框，默认选择第一个值_猫小黑呀的博客-CSDN博客_select下拉框默认选中第一个

el-select下拉框基本写法：

      


        
          
        


      


      
        查询
      

    
      

export default {
  name: 'Corporate-Contacts',
  data() {
    return {
      formInline: {
        station: [], //station_id的值
        station_Name: '', // name
        station_Id:'' // 配点站的id
      }
    }
  },
}

分下下分别为三部分：

第一部分是综合的model，第二部分是你选中的，第三部分下下拉要展示的

复杂的混合模式,嵌套两个下拉框：

export default {
  name: 'Corporate-Contacts',
  data() {
    return {
      formInline: {
        stationName:[
                station: [], //station_id的值
                station_Name: '', // name
                station_Id:'' // 配点站的id
        ],
        TestName:[
                station: [], //station_id的值
                Name: '', // name
                Id:'' // 配点站的id
        ],
        
      }
    }
  },
}

你想获取下拉框的所有内容，对应this.formInline.stationName和this.formInline.TestName

你想获取当前选中了哪个，this.formInline.stationName.station_Name和this.formInline.TestName.Name

默认选中第几项this.formInline.stationName[0].station_Name和this.formInline.TestName[0].Name