Vue下拉框回显并默认选中随机问题


Posted in Javascript onSeptember 06, 2018

今天做vue的页面下拉框回显问题,回显数据是随机的,好奇怪,虽然多刷新 几下就可以了,

但是这个问题还是存在的,后来发现问题是

回显中的数据是两次请求,因为网络问题两次说不定哪个就请求的快一些,

Vue下拉框回显并默认选中随机问题

Vue下拉框回显并默认选中随机问题

Vue下拉框回显并默认选中随机问题

Vue下拉框回显并默认选中随机问题

因为调用的对象不一样,所以可能会不同,改为相同的之后,发现第一次请求的时间始终比第二次时间短一些,达到想要的效果

Vue下拉框回显并默认选中随机问题

总结:

1.因为第一次加载下拉框列表的时候,请求列表中所有数据和列表默认回显数据不同,所以会出现被刷新,而出现回显随机问题,,,

PS:vue 运用ElementUI,做select下拉框回显

第一、加载的顺序,应该先加载下拉框要选择的数据,然后在通过编辑查询数据后回显。

第二、要保证select下拉的ID和v-model里边的id保持一致。

第三、elementUI就会自动的将数据回显了。

一下是截图:

Vue下拉框回显并默认选中随机问题 

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

Javascript 相关文章推荐
jQuery实现用户注册的表单验证示例
Aug 28 Javascript
js中函数调用的两种常用方法使用介绍
Jul 17 Javascript
JavaScript数据类型判定的总结笔记
Jul 31 Javascript
基于JavaScript实现简单的随机抽奖小程序
Jan 05 Javascript
AngularJS页面访问时出现页面闪烁问题的解决
Mar 06 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
May 21 Javascript
基于JQuery实现的跑马灯效果(文字无缝向上翻动)
Dec 02 Javascript
Ionic 2 实现列表滑动删除按钮的方法
Jan 22 Javascript
浅谈javascript的闭包
Jan 23 Javascript
VUE axios发送跨域请求需要注意的问题
Jul 06 Javascript
vue项目中应用ueditor自定义上传按钮功能
Apr 27 Javascript
js实现简单点赞操作
Mar 17 Javascript
vue兄弟组件传递数据的实例
Sep 06 #Javascript
webpack4简单入门实例
Sep 06 #Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
Sep 06 #jQuery
对vue中v-on绑定自定事件的实例讲解
Sep 06 #Javascript
微信小程序开发之自定义tabBar的实现
Sep 06 #Javascript
Vue的watch和computed方法的使用及区别介绍
Sep 06 #Javascript
Vue-component全局注册实例
Sep 06 #Javascript
You might like
不错的PHP学习之php4与php5之间会穿梭一点点感悟
2007/05/03 PHP
PHP中函数内引用全局变量的方法
2008/10/20 PHP
php使用function_exists判断函数可用的方法
2014/11/19 PHP
微信公众平台开发关注及取消关注事件的方法
2014/12/23 PHP
遍历echsop的region表形成缓存的程序实例代码
2016/11/01 PHP
Yii2中简单的场景使用介绍
2017/06/02 PHP
php微信支付之公众号支付功能
2018/05/30 PHP
PHP一个简单的无需刷新爬虫
2019/01/05 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
jquery form表单提交插件asp.net后台中文解码
2010/06/12 Javascript
jquery ajax方式直接提交整个表单核心代码
2013/08/15 Javascript
jQuery实现在下拉列表选择时获取json数据的方法
2015/04/16 Javascript
javascript封装的sqlite操作类实例
2015/07/17 Javascript
js实现圆盘记速表
2015/08/03 Javascript
Javascript的表单与验证-非空验证
2016/03/18 Javascript
jQuery实现图片向左向右切换效果的简单实例
2016/05/18 Javascript
JSON字符串转换JSONObject和JSONArray的方法
2016/06/03 Javascript
前端实现文件的断点续传(前端文件提交+后端PHP文件接收)
2016/11/04 Javascript
Angular的模块化(代码分享)
2016/12/26 Javascript
Vue2.x中的Render函数详解
2017/05/30 Javascript
js使用ajax传值给后台,后台返回字符串处理方法
2018/08/08 Javascript
vue-cli 3.x 修改dist路径的方法
2018/09/19 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
详解Python最长公共子串和最长公共子序列的实现
2018/07/07 Python
python实现获取单向链表倒数第k个结点的值示例
2019/10/24 Python
python计算导数并绘图的实例
2020/02/29 Python
python3 正则表达式基础廖雪峰
2020/03/25 Python
python爬虫把url链接编码成gbk2312格式过程解析
2020/06/08 Python
集世界奢侈品和设计师品牌的意大利精品买手店:Tessabit
2019/08/17 全球购物
八年级语文教学反思
2014/02/11 职场文书
学生会竞选演讲稿纪检部
2014/08/25 职场文书
八一建军节主持词
2015/07/01 职场文书
培训后的感想
2015/08/07 职场文书
《失物招领》教学反思
2016/02/20 职场文书
2016年小学端午节活动总结
2016/04/01 职场文书