elmentui数据绑定到下拉框

在Element UI中，可以通过v-model指令将数据绑定到下拉框中。例如，可以使用以下代码将productionClassId绑定到el-select下拉框中的选中值：

<el-select v-model="productionClassId" value-key="id" @change="deptChangeVal" style="width:200px" placeholder="请选择">
  <el-option v-for="item in optionsDept" :key="item.id" :label="item.title" :value="item"></el-option>
</el-select>

在data选项中，需要定义productionClassId作为select上绑定的值：

data() {
  return {
    productionClassId: '', // select上绑定的值
    // 其他数据...
  }
},

可以通过改变productionClassId的值来改变下拉框的选中项。同时，你也可以在选择值发生变化时调用deptChangeVal方法来获取选中的对象。

methods: {
  deptChangeVal(val) {
    console.log(val, '选中对象');
  },
  // 其他方法...
}

这样，当选中的值改变时，可以通过deptChangeVal方法获取选中的对象。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue+Element UI中Select下拉框绑定对象](https://blog.csdn.net/qq_38543537/article/details/122559330)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* [layui自定义模块实现下拉框，读取数据字典数据](https://blog.csdn.net/nature_fly088/article/details/105844346)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]