vue el-select 如何得到 el-option的ID

又遇到困难了。。

用element-ui突然找不到option的ID了可咋办。。

原来是这样 element-ui 的 el-option 有个 :label (即v-bind:label="")等同于在 el-option 标签之间写{{}}

<el-select v-model="modetxt.sel01"
	          placeholder="国内"
	          @change="changezhou($event)">
  <el-option v-for="(item, index) in optionszhou"
             :key="index"
             :label="item.BriefName"
             :value="item.Id">
  </el-option>
</el-select>

:label会显示文字，:value绑定ID，
$event 会输出value 的值 如此就得到了 el-option 的 ID 值了。。开心吧！

changezhou (event) {
  console.log(event)
},

那么正常的 select 怎样找到 option 的ID呢？

<select v-model="modetxt"  
		@change="changezhou($event)" >
	<option value="0">国外</option>  
	<option v-for="(item,index) in optionszhou" 
			:key="index"  
			:value='item.Id'>{{item.BriefName}}</option>  
</select>  

changeProduct(event) {
	console.log(event);
    //console.log(event.target.value);
},
   

这篇文章不错可以看看。。https://blog.youkuaiyun.com/weixin_42024288/article/details/82181762