解决element ui select下拉框不回显数据问题
最近在做一个项目,项目的后端是地址: https://github.com/wangyuanjun008/wyj-springboot-security.git
前端地址是 https://github.com/wangyuanjun008/wyj-vue-security.git ,使用的前端语言是vue,使用webpack构建vue-cli全家桶
在项目中用到 el-select 时遇到一个问题,就是在编辑表单时,下拉框的不显示数据,前台代码如下:
<el-select v-model="commonForm.status" clearable placeholder="请选择"><el-option v-for="item in items" :key="item.id" :label="item.text" :value="item.id" ></el-option>
</el-select>
在浏览器中查看列表返回的数据:
在浏览器中查看下拉框数据源的数据:
发现select下拉的id和v-model里边的id类型不一致,修改后台下拉框数据源返回类型,下拉框显示数据成功。
解决element ui select下拉框不回显数据问题相关推荐
- 使用element ui select下拉框多选,编辑状态下回显数据
最近在做一个项目,项目的后端是地址:https://github.com/wangyuanjun008/wyj-springboot-security.git 前端地址是 https://github ...
- Element UI select 下拉框样式覆盖
因为我需要写一个大屏页面,然后需要用到select框,我想把select下拉选项的背景颜色改成透明,然后我想覆盖掉它本身的样式.我本来想改变el-select-dropdown的样式,即使使用了 /d ...
- element UI select下拉选项位置问题
element UI select下拉选项位置问题 在使用elementUI下拉选项时,可能存在下拉时下拉列表选项框的位置距离下拉框所在的位置距离过大,这个是由于elementUI自己设置的根据下拉框 ...
- iview select选中值取值_完美解决iview 的select下拉框选项错位的问题
在使用iview的过程中,我遇到这样一个问题,在Model中使用select下拉框组件.但是当弹出框超过一屏需要滚动时,select的下拉选项会出现错位(下图1为正常,图2为滚动后,下拉选项错位.) ...
- iview select 怎么清空_如何解决iview 的select下拉框选项错位的问题,具体操作如下...
下面我就为大家分享一篇完美解决iview 的select下拉框选项错位的问题,具有很好的参考价值,希望对大家有所帮助. 在使用iview的过程中,我遇到这样一个问题,在Model中使用select下拉 ...
- bootstrap select下拉框模糊搜索和动态绑定数据解决方法
bootstrap select下拉框模糊搜索和动态绑定数据解决方法 参考文章: (1)bootstrap select下拉框模糊搜索和动态绑定数据解决方法 (2)https://www.cnblog ...
- Vue实现Element UI的下拉框默认选中,值来自父组件或异步获取
子组件使用watch监听父组件传过来的值,并且赋值给子组件的data参数. 1.父组件传了一个userId属性给子组件 <Children@searchForm="searchForm ...
- 单选按钮、复选框、下拉框的回显
单选按钮.复选框.下拉框的回显 1.单选按钮radio的回显 2.复选框checkbox的回显 3.下拉框select的option回显 在前端页面中,经常需要根据需要来进行信息的回显,如果是普通的文 ...
- 解决element-ui中select下拉框popper超出弹框问题
问题场景如下: 尝试了好几种解决方法,比如从下拉框el-popper使用fixed定位入手,修改popper-append-to-body,或者修改z-index,看了源码后又尝试监听表格滚动使用`t ...
最新文章
- linux shell 检查端口开放
- 【数字信号处理】相关函数应用 ( TDOA 时差估计实例 | 调制波特率 | 带宽 | 码元数量 | 信息量 )
- 如何用 C++ 在 10 行内写出八皇后?
- 如何设计LRU Cache算法
- 【转】Linux单人维护密码
- All Things OpenTSDB
- 用java实现归并,算法:JAVA实现归并排序
- angular环境配置
- 智能优化算法:分类、特点和未来
- java线性表的实验心得_线性表实验心得.docx
- vue 处理跨域问题及解决方法小结
- lua在线手册 lua在线lua学习教程 lua参考手册中文翻译
- 合同计算问题的计算公式与计算方法
- 班导师见面会会议记录
- 防火墙相关知识,有备无患
- Vmware Vtop基本使用
- File的了解与使用
- C# 类似PS的魔棒工具(1)
- 微信公众号文章爬取下载各种格式
- 用C语言判断五子棋,c语言 五子棋危险判断 求大神解释啊