elementUI中el-select组件如何同时获取到label以及name的值

不需要写js直接获取到el-select中的label以及name值

• 主要就是添加一个值 value-key，直接上代码

<el-select style="width:100%" value-key='id'
      filterable @change="changeSourceData" 
      v-model="dataSourceId" 
      placeholder="请选择数据库名">
      <el-option
          v-for="(item,index) in dataSourceList"
          :key="index"
          :label="item.dbName"
          :value="item"
      >
      </el-option>
  </el-select> 

• 我的数据格式是这样子的

• 此时我们v-model数据绑定获取到的值就是完成的包含id和dbName的对象而不是之前的value值

dataSourceList:[
	{
		id:1,
		dbName:'数据1'
	},
	{
		id:2,
		dbName:'数据2'
	}
]