解决element ui select下拉框不回显数据问题的解决


Posted in Javascript onFebruary 20, 2019

最近在做一个项目,项目的后端是地址: 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>

在浏览器中查看列表返回的数据:

解决element ui select下拉框不回显数据问题的解决

在浏览器中查看下拉框数据源的数据:

解决element ui select下拉框不回显数据问题的解决

发现select下拉的id和v-model里边的id类型不一致,修改后台下拉框数据源返回类型,下拉框显示数据成功。

解决element ui select下拉框不回显数据问题的解决

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery EasyUI API 中文文档 - DataGrid数据表格
Nov 17 Javascript
基于jQuery的获取标签名的代码
Jul 16 Javascript
JS中的prototype与面向对象的实例讲解
May 22 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
May 20 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 Javascript
原生js实现放大镜
Feb 20 Javascript
Vuex模块化实现待办事项的状态管理
Mar 15 Javascript
Angular.js中数组操作的方法教程
Jul 31 Javascript
浏览器调试动态js脚本的方法(图解)
Jan 19 Javascript
微信小程序如何连接Java后台
Aug 08 Javascript
jQuery 筛选器简单操作示例
Oct 02 jQuery
javascript使用canvas实现饼状图效果
Sep 08 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
Feb 20 #Javascript
Vue.js特性Scoped Slots的浅析
Feb 20 #Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
Feb 20 #Javascript
详解关于element级联选择器数据回显问题
Feb 20 #Javascript
JavaScript ES2019中的8个新特性详解
Feb 20 #Javascript
echarts实现词云自定义形状的示例代码
Feb 20 #Javascript
JS拖拽排序插件Sortable.js用法实例分析
Feb 20 #Javascript
You might like
php报表之jpgraph柱状图实例代码
2011/08/22 PHP
CodeIgniter实现更改view文件夹路径的方法
2014/07/04 PHP
php中curl使用指南
2015/02/05 PHP
php按单词截取字符串的方法
2015/04/07 PHP
PHP中define() 与 const定义常量的区别详解
2019/06/25 PHP
tp5 实现列表数据根据状态排序
2019/10/18 PHP
关于Anemometer图形化显示MySQL慢日志的工具搭建及使用的详细介绍
2020/07/13 PHP
javascript的事件描述
2006/09/08 Javascript
js支持键盘控制的左右切换立体式图片轮播效果代码分享
2015/08/26 Javascript
js跨域请求数据的3种常用的方法
2015/12/01 Javascript
对象转换为原始值的实现方法
2016/06/06 Javascript
JS绘制微信小程序画布时钟
2016/12/24 Javascript
jQuery滚动监听实现商城楼梯式导航效果
2017/03/06 Javascript
JS查找孩子节点简单示例
2019/07/25 Javascript
jQuery实现全选、反选和不选功能的方法详解
2019/12/04 jQuery
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
Python使用matplotlib实现在坐标系中画一个矩形的方法
2015/05/20 Python
python实现读取命令行参数的方法
2015/05/22 Python
Python语言实现将图片转化为html页面
2017/12/06 Python
名片管理系统python版
2018/01/11 Python
Python实现曲线拟合操作示例【基于numpy,scipy,matplotlib库】
2018/07/12 Python
详解Python发送email的三种方式
2018/10/18 Python
使用python进行广告点击率的预测的实现
2019/07/04 Python
解决reload(sys)后print失效的问题
2020/04/25 Python
基于Python词云分析政府工作报告关键词
2020/06/02 Python
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
2013/01/09 HTML / CSS
Oroton中国官网:澳洲知名奢侈配饰品牌
2017/03/26 全球购物
澳大利亚领先的武术用品和健身器材供应商:SMAI
2019/03/24 全球购物
vue路由实现登录拦截
2021/03/24 Vue.js
工程招投标邀请书
2014/01/26 职场文书
2014法院干警廉洁警示教育思想汇报
2014/09/13 职场文书
校园运动会广播稿
2014/10/06 职场文书
销售会议开幕词
2015/01/28 职场文书
毕业生爱心捐书倡议书
2015/04/27 职场文书
大卫科波菲尔读书笔记
2015/06/30 职场文书
CSS使用伪类控制边框长度的方法
2022/01/18 HTML / CSS