element-ui select下拉框设置默认值

参考于 carmen_shao的element-ui select下拉框默认值的问题

需要把el-select绑定的sPerforIndicator.id 和 el-option中的 :value="item.id"的id值设置成一样
注意： 类型也要保持一致

html

<el-select v-model="sPerforIndicator.id" placeholder="请输入关键词"filterable remote :remote-method="getPerforIndicatorList":loading="perforIndicatorListloading"><el-option-groupv-for="group in perforIndicatorAllList":key="group.label":label="group.label"><el-optionv-for="item in group.options":key="item.id":label="item.title":value="item.id"><span style="float: left">{{item.title}}-{{ item.id }}</span><span style="float: right; color: #8492a6; font-size: 13px">{{ typeof item.id }}</span></el-option></el-option-group></el-select>

js

perforId 为要设置的默认值，this.sPerforIndicator.id为下拉框绑定的值


this.sPerforIndicator.id = Number(perforId);// 将String转为Number
console.log('原指标id类型：', typeof perforId);
console.log('转换后的指标id：', this.sPerforIndicator.id, typeof this.sPerforIndicator.id);

页面效果

element-ui select下拉框设置默认值相关推荐

vue elementUI select下拉框设置默认值
关于element select框默认值赋值不成功问题,注意两点: v-model里面的数据和遍历出来value值数据类型不一样.!!!! (例:item.provinces类型是number,pro ...
html 下拉框设置默认值,如何设置HTML select下拉框的默认值？
想要设置HTML select下拉框的默认值,可以在所需选项上使用"selected"属性来设置select元素的默认值,这是一个布尔属性.默认情况下,具有"select ...
HTML之select下拉框：默认值设置
当我们做web项目时,总是会碰到的一种情况是下拉框的使用,提交数据很简单,但是数据的回显就会遇到一些问题: 我们在数据回显时,期望下拉框默认显示的是这条数据选择的选项. 举个例子: 有一篇博文,我上传 ...
antdesign的表单中的下拉框设置默认值BUG处理
问题: 使用 antdesign 下拉框的默认值是状态值,而不是状态值对应的文案? model层传递的数据 view层在表单中设置的值解决方案: 在默认值的后面加上一个空字符串进行转换
html下拉框设置默认值_如何设置HTML select下拉框的默认值？
HTML中的select标签用于创建可选择选项的下拉列表:option标签包含选定时将使用的值.那么如何来设置select下拉框里的默认值?下面本篇文章就来给大家介绍一下,希望对大家有所帮助. 我们可 ...
如何设置HTML select下拉框的默认值？
HTML中的select标签用于创建可选择选项的下拉列表:option标签包含选定时将使用的值.那么如何来设置select下拉框里的默认值?下面本篇文章就来给大家介绍一下,希望对大家有所帮助. 我们可 ...
HTML如何设置select下拉框的默认值？
本篇文章给大家介绍设置select下拉框默认值的方式.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 我们可以在所需选项上使用"selected"属性来设置sel ...
Element UI select 下拉框样式覆盖
因为我需要写一个大屏页面,然后需要用到select框,我想把select下拉选项的背景颜色改成透明,然后我想覆盖掉它本身的样式.我本来想改变el-select-dropdown的样式,即使使用了 /d ...
使用element ui select下拉框多选，编辑状态下回显数据
最近在做一个项目,项目的后端是地址:https://github.com/wangyuanjun008/wyj-springboot-security.git 前端地址是 https://github ...

element-ui select下拉框设置默认值

参考于 carmen_shao的element-ui select下拉框默认值的问题

html

js

页面效果

element-ui select下拉框设置默认值相关推荐

最新文章

热门文章

element-ui select下拉框 设置默认值

参考于 carmen_shao的element-ui select下拉框默认值的问题

html

js

页面效果

element-ui select下拉框 设置默认值相关推荐

最新文章

热门文章

element-ui select下拉框设置默认值

element-ui select下拉框设置默认值相关推荐