{ value: 'option2', label: '选项二' }, { value: 'option3', label: '选项三' } ] }; } }; </script> 二、问题原因分析 导致el-select选中内容不显示的原因有很多,主要包括以下几个方面: 1. 数据绑定问题 v-model 绑定的数据类型与 el-option 中 value 属性的类型不匹配,可能导致选中内容无法...
已解决
<el-select v-model="editObject.role" :placeholder="selectPlaceholder" @change="handleChange"> <el-option v-for="item in roleList" :key="item.id" :label="item.roleName" :value="item.id"> </el-option> </el-select> </el-form-item> 操作下拉框选中事件: handleChange(val) { // val...
el-select组件使用中,出现有数据但不显示,或者下拉框错位的情况 <el-form-item label="菜品类型"><el-selectv-model="form.type"class="m-2":popper-append-to-body="false"placeholder="选择种类"size="large"><el-option v-for="item in selectType":key="item.id":label="item.name":value="item....
value的格式存在问题,数据库读取到的数据不一定为number类型,需要手动转换。 第一种 <template><div><el-cardclass="el-card"><el-form:model="form"label-width="100px"label-position="right"><el-form-itemlabel="select测试"><el-selectv-model="form.select"><el-optionv-for="(item, index) in ...
el-select的el-option数组很长,大概2000个以上,下拉选空白显示不出来? Brian 3432741 发布于 2019-01-08 从接口中返回的数据是一个很长的数组,大概2000条数据以上,然后每一条数据拼成{label:'xxx', value:'xxx'}形式push到数组里面,在el-option里面v-for循环,但是在页面上不能渲染出来,点击下拉时出现很大一...
对数据修改时毫不影响el-select选择器的使用。 问题代码: <div class="form-group"> <div class="col-sm-2 control-label">职称</div> <el-select v-model="teachers.jobname" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item....
el-select的el-option数组很长,大概2000个以上,下拉选空白显示不出来? Brian 3432741 发布于 2019-01-08 从接口中返回的数据是一个很长的数组,大概2000条数据以上,然后每一条数据拼成{label:'xxx', value:'xxx'}形式push到数组里面,在el-option里面v-for循环,但是在页面上不能渲染出来,点击下拉时出现很大一...
确保每个el-option的label和value属性都正确对应到了数据源中的字段。如果数据源中的字段名与el-option的label和value属性不匹配,那么回显时可能只会显示value。 确保el-option的label和value属性分别对应了数据源中的正确字段: 在上面的代码示例中,el-option的label属性对应了数据源中的label字段,value属性对应了数据...