一、问题展示

二、查看select原始数据

可以看到id是整型的

三、查看赋值给select的数据

可以看到id是字符串，问题就在于这里，1 != '1' ，所以解决方法很简单，让他们一致，可以让后端把数据弄成整型的，或者让前端把数据弄成字符串

四、这里选择修改前端代码

//修改前
<el-optionv-for="(item,index) in platformData":key="index":label="item.platform_name":value="item.id"
/>
//修改后，在value后面加 + ''
<el-optionv-for="(item,index) in platformData":key="index":label="item.platform_name":value="item.id + ''"
/>

五、改完效果

element ui的select显示数字相关推荐

VUE ELEMENT UI 清空select 下拉选项
VUE ELEMENT UI 清空select 下拉选项 1.select代码 <el-form ref="searchForm" :inline="true&qu ...
本地使用element ui 图标不显示或显示错乱的问题
本地使用element ui 图标不显示或显示错乱的问题官方使用方式  <link rel="stylesheet" href=&qu ...
element ui中select 下拉框在火狐浏览器最后一行显示不完全（谷歌正常）
在项目开发的时候用到了el-scrollbar组件并且设置了隐藏横向滚动条下面展示一些内联代码片. // 隐藏横向滚动条 .el-scrollbar__wrap {overflow-x: hid ...
关于Element UI中select组件中遇到的问题
问题一:在使用select组件设置多选功能后,窗口抖动问题? 详细描述:在我使用select做多选的功能时出现了窗口抖动的问题,测试的时候发现,在有些人的电脑上抖动,有些人的电脑上不抖,找了很多文档, ...
正则：element ui input只能输入数字及数字后两位
1:使用表单校验 <el-inputv-model="param.value"placeholder="起始备用金"/>value: [{ requ ...
Vue.js - 解决部署到服务器后Element UI图标不显示问题（404错误）
1,问题描述 (1)element-ui 自带了一套常用的图标集合,使用起来十分方便.最近发现当 Vue.js 项目中使用 element-ui 图标时,如果使用 npm run dev 方式启动,图 ...
修改element UI的select下拉框组件右边的小箭头（使用自定义图片）
i.el-select__caret {/*很关键:将默认的select选择框样式清除*/ appearance:none;-moz-appearance:none;-webkit-appearanc ...
Vue - 解决部署到服务器后Element UI图标不显示问题（50错误）
原因: 最后找到是 nginx.conf 文件配置有问题一开始:没有加 woff.ttf location ~ .*\.(gif|png|jpg|ico|js|css|html)$ { root ...
element ui中select 下拉选择文字输入筛选
未修改代码前效果选择框中不可编辑如图:加入 filterable allow-create default-first-option 代码如下 <template><div> ...

element ui的select显示数字

一、问题展示

二、查看select原始数据

三、查看赋值给select的数据

四、这里选择修改前端代码

五、改完效果

element ui的select显示数字相关推荐

最新文章

热门文章