element select

Question

<el-select size="small" v-model="roleValue.fchanperson" @change="getSelectRole"  @visible-change="getRoleListHdy($event,'HD','hdy')" :disabled="buttonDispatchFlagHdy" filterable placeholder="请选择" style="width:120px;">
                              <el-option
                                v-for="item in roleOptions.hdyoptions"
                                :key="item.id"
                                :label="item.name"
                                :value="item.id">
                              </el-option>
                           </el-select>
                           

这里的roleOptions.hdyoptions 是[{"name":"小明","id":166},{"name":"小李","id":165}] 这种格式的，有没有办法下拉选择某一项时 既可以获取到id 也可以获取到name

Answer 1

我是这么弄的
<el-select size="small" v-model="roleValue.fchanperson" @change="getSelectRole" @visible-change="getRoleListHdy($event,'HD','hdy')" :disabled="buttonDispatchFlagHdy" filterable placeholder="请选择" style="width:120px;">

                          <el-option
                            v-for="item in roleOptions.hdyoptions"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id + ',' +item.name">
                          </el-option>
 
                       </el-select>
                       
                          getSelectRole(val){
                             console.log(val)
    
    }
                       

Answer 2

:value="item"