el-select选择一个选项,在对应输入框填入该选项对应的id

Posted Travelerᘗ

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了el-select选择一个选项,在对应输入框填入该选项对应的id相关的知识,希望对你有一定的参考价值。

html:
<el-select

:ref="item.meta.system_id"
v-model="temp[item.meta.valueKey]"
:disabled="item.meta.disabled"
clearable
:placeholder="item.meta.placeholder ? item.meta.placeholder : ‘请选择‘"
@change="changeGrade"
>
<template v-for="(option, _index) in item.meta.options_OBJ.data">
<el-option :key="_index" :label="option.label" :value="option.value" />
</template>
</el-select>

js:
changeGrade(val) {
this.temp[‘gradeKey‘] = val // 赋值给年级编码
},

以上是关于el-select选择一个选项,在对应输入框填入该选项对应的id的主要内容,如果未能解决你的问题,请参考以下文章

2021-11-03 el-date-picker el-select获取输入框内显示的值

Vue踩坑之 el-select下拉框多选,选择后赋值成功,输入框不显示选中的值

Vue踩坑之 el-select下拉框多选,选择后赋值成功,输入框不显示选中的值

Vue踩坑之 el-select下拉框多选,选择后赋值成功,输入框不显示选中的值

vue循环生成的表单,el-select初始化之后再选择其他选项视图不更新。

烽火AN5506-01-B联通光纤猫设置方法